Tous les webmasters et rédacteurs ont besoin d'ajouter des notes à un article. Cette possibilité existe en HTML avec la balise <!-- -->
Cette méthode présente plusieurs inconvénients :
- il doit être saisi en mode code
- il n'est pas visible dans un éditeur wysiwyg comme TinyMCE ou JCE
- toutes les notes ont la même présentation. Pas de mise en évidence
- il est visible par vos visiteurs dans le code source de la page
{up note=texte_commentaire}syntax 2
{up note=texte_commentaire} contenu {/up note}- note = lang[en=hidden text. HTML allowed;fr=texte masqué. HTML autorisé]: texte à masquer
Un exemple simple
vue dans éditeur wysiwyg
vue en mode code
{up note= une explication}Comme rien ne sera visible sur le site, l'important est le rendu dans votre éditeur.
Des notes visibles
vue dans éditeur wysiwyg
vue en mode code
{up note= <span class="badge-rouge">Un texte rouge bien visible</span>}
un moyen simple pour avoir des notes bien visibles.
N'utilisez pas les enrichissements de blocs (p, div, hx, ...), préférez les balises de type inline (span, b, strong, ...) en leur affectant des styles ou des classes connues de votre éditeur TinyMCE, JCE, ...
Des notes sur plusieurs lignes
vue dans éditeur wysiwyg
{up note= <strong>Lors des mises à jour, soyez attentif :</strong>}
<ul>
<li>à l'orthographe</li>
<li>à ne pas parler du mode de fabrication</li>
</ul>
{/up note}
Il est possible d'obtenir des notes agréables à lire
Masquer temporairement
vue dans éditeur wysiwyg
vue en mode code
<p>{up note=</p>
<p><span style="color: #ff0000; font-size: 12pt;"><strong>EN ATTENTE VALIDATION PAR LE BIG BOSS</strong></span>}</p>
<p>du contenu HTML avec images et mises en forme.</p>
<p>Les shortcodes UP sont permis: {up lorem}</p>
<p>{/up note <span style="color: #ff0000; font-size: 12pt;"><strong>FIN EN ATTENTE</strong></span>}</p>Les actions UP entre les shortcodes de note seront interprétées, mais non affichées.
UP analyse toujours les actions enfants en premier.
Attention si vous utilisez des actions qui ajoutent du code dans le head de la page.
Si votre big boss ne veut pas regarder le code, vous pouvez utiliser l'action filter pour que lui seul puisse le consulter
<p>{up filter | username=bigboss></p>
<p><span style="color: #ff0000; font-size: 12pt;"><strong>EN ATTENTE VALIDATION PAR LE BIG BOSS</strong></span>}</p>
<p>du contenu HTML avec images et mises en forme.</p>
<p>Les shortcodes UP sont permis: {up lorem}</p>
<p>{/up filter <span style="color: #ff0000; font-size: 12pt;"><strong>FIN EN ATTENTE</strong></span>}</p>upactionslist (1) flexauto (4) note (1) printer (1) jcontent-info (1)