Bonjour à tous, @lexoyo @jonas @ceubri
dans silex v2, nous avions la possibilité d'injecter du code HTML via l'outil " html-editor "
quel est le son équivalent dans la v3 ( custom code ) ?
Alors si c'est le cas, qd je mets ce code j'ai une alerte
<style>.navigation {height: 100%; position: fixed; top: 0; bottom: 0; left: -250px; z-index: 10; list-style: none; background: #111; margin: 0;}.nav-item {width: 200px; border-top: 1px solid #111; border-bottom: 1px solid #000;}.nav-item a {display: block; padding: 1em; color: white; font-size: 1.2em; text-decoration: none;}.nav-item a:hover,
.nav-item a.page-link-active {color: #2b4b98;}.nav-trigger {position: absolute; clip: rect(0, 0, 0, 0);}label[for="nav-trigger"] {position: absolute; left: 15px; top: 15px; z-index: 2; height: 30px; width: 30px; cursor: pointer;}label[for="nav-trigger"]:before {content: ""; position: absolute; width: 100%; height: 5px; background: white; box-shadow: 0 10px 0 0 white,
0 20px 0 0 white;}.silex-runtime label[for="nav-trigger"] {position: fixed;}.nav-trigger+label,
.navigation {transition: left 0.2s;}.nav-trigger:checked+label {left: 275px;}.nav-trigger:checked~.navigation {left: 0;}body {overflow-x: hidden;}</style>
<script type="text/javascript">
// when Silex says a page changed, close the menu
$('body').on('pageChanged', function (event, pageName) {
$('#nav-trigger').prop('checked', false);
});
</script>
<input id="nav-trigger" class="nav-trigger" type="checkbox">
<label for="nav-trigger"></label>
<ul class="navigation">
<li class="nav-item"><a href="#!page-home" class="page-link-active">Home</a></li>
<li class="nav-item"><a href="#!page-marketing" class="">Marketing</a></li>
<li class="nav-item"><a href="#!page-realisations" class="">Vidéos</a></li>
<li class="nav-item"><a href="#!page-contact" class="">Contact</a></li>
<li class="nav-item"><a href="#!page-web" class="">Mes réalisations web</a></li>
</ul>
Custom code with <script> can't be rendered on the canvas
ceci est peut être normal ? dans ce cas quel est la bonne pratique ?
Merci.
