bootstrap 4 js & css

[yomi]

Bonjour à tous,

 

J'essaye d'ajouter de l'HTML dans une page CMS avec le Thème standard pour la rendre plus attractive en passant par l'éditeur html.

<div class="container">

    <nav class="nav nav-tabs">
      <a class="nav-item nav-link active" href="#p1" data-toggle="tab">Onglet 1</a>
      <a class="nav-item nav-link" href="#p2" data-toggle="tab">Onglet 2</a>
    </nav>

    <div class="tab-content">
      <div class="tab-pane fade show active" id="p1">Panneau 1</div>
      <div class="tab-pane fade" id="p2">Panneau 2</div>
    </div>

  </div>

 

Rien de spécial à priori mais a chaque fois que j'enregistre, les lignes ci dessous sont effacées ? 

<nav class="nav nav-tabs">
      
</nav>

 

ainsi que le data-toggle="tab" sur les liens

 

quelqu'un pourrait m'expliquer et comment palier a ce problème ?

 

Merci

 

 

 

Edited April 23, 2018 by yomi (see edit history)

[yomi]

Bon je réponds partiellement à ma question .... 

 

L'éditeur de texte à des restrictions et retire ces bouts de code. J'ai inséré le code directement dans la base de données et ça fonctionne mais un client ne pourra pas modifier cette partie par l'interface admin !

Maintenant je comprends qu'un éditeur de texte bloque les injections comme du javascript mais pourquoi il ne permet pas les balises NAV ? 

[yomi]

Ma solution à été d'injecter en javascript dans le DOM les éléments qui sont supprimés par l'éditeur de texte.

Comme ça le client peut modifier ce qu'il veut dans l'administration de la page CMS par l'éditeur de texte et le code fonctionne toujours ...