Version 3 — Avril 2011 — tetue
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">
<div <ul class="tabs">
<ul >
<li class="tab tab1 on"><a href="#tab1">Onglet 1</li>
<li class="tab tab2"><a href="#tab2">Onglet 2</li>
<li class="tab tab3"><a href="#tab3">Onglet 3</li>
</ul>
</div >
<div class="tab-page on class="on " id="tab1">
<h2 class="none">Onglet 1</h2>
<p>lorem ipsum</p>
<ul class="spip">
<li>liste</li>
<li>liste</li>
<li>liste</li>
</ul>
</div><!--#tab1-->
<div class="tab-page none class="none " id="tab2">
<h2 class="none">Onglet 3</h2>
<h3>toto</h3>
<p>bla bla bla</p>
<h3>toto</h3>
<p>bla bla bla</p>
</div><!--#tab2-->
<div class="tab-page none class="none " id="tab3">
<h2 class="none">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 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...