Version 2 — Avril 2011 — tetue
articles}}}
Syntaxe dans les articles :
<tabs>
<h2>Onglet 1</h2>
lorem ipsum
- liste
- liste
- liste
<h2>Onglet 2</h2>
<h3>toto</h3>
bla bla bla
<h3>toto</h3>
bla bla bla
<h2>Onglet 3</h2>
lorem ipsum
- liste
- liste
- liste
</tabs>
L’idée est de proposer une saisie simple, en deux étapes :
<tabs>
(de préférence parce que c’est court) ou <onglets>
(pour compatibilité avec le couteau suisse et le plugin onglets dans le texte).Un bouton dans la barre typo permettrait d’insérer le raccourcis SPIP autour du texte sélectionné .
Pas besoin de code spécial pour les squelettes.
Il suffit de placer un div englobant doté du sélecteur adéquat.
Cela générerait :
<div class="tabs-bloc class="tabs ">
<ul class="tabs">
<li class="tab tab1 class="tab1 on"><a href="#tab1">Onglet 1</li>
<li class="tab tab2"><a class="tab2"><a href="#tab2">Onglet 2</li>
<li class="tab tab3"><a class="tab3"><a href="#tab3">Onglet 3</li>
</ul>
<div class="on " id="tab1">
<h2 class="none">Onglet <h2>Onglet 1</h2>
<p>lorem ipsum</p>
<ul class="spip">
<li>liste</li>
<li>liste</li>
<li>liste</li>
</ul>
</div><!--#tab1-->
<div class="none " id="tab2">
<h2 class="none">Onglet <h2>Onglet 3</h2>
<h3>toto</h3>
<p>bla bla bla</p>
<h3>toto</h3>
<p>bla bla bla</p>
</div><!--#tab2-->
<div class="none " id="tab3">
<h2 class="none">Onglet <h2>Onglet 3</h2>
<p>lorem ipsum</p>
<ul class="spip">
<li>liste</li>
<li>liste</li>
<li>liste</li>
</ul>
</div><!--#tab3-->
</div>
L’onglet est généré avec le premier niveau de titre rencontré après l’ouverture de la balise <tabs>
, que ce soit du h2, h3 ou autre ( , généré ou pas via raccourci SPIP d’intertitre), , et en ignorant les autres niveaux de titre éventuellement d’intertitre présents entre les balises <tabs>
.
- lame du Couteau Suisse Découper un texte en pages et/ou en onglets
- plugin En onglets dans le texte de SPIP, ou ailleurs...