web-dev-qa-db-fra.com

Cite-Tag pour les devis

Je veux avoir une citation sous mon blockquote, qui a un certain style.

"Blockquotes are an essential part of a fancy website."
                                                – Cite

Le balisage devrait ressembler à ceci:

<blockquote><p>Blockquotes are an essential part of a fancy website."</p>
<cite>Cite</cite></blockquote>

Mais l'éditeur WYSIWYG ne m'offre pas la possibilité de définir une citation pour le blockquote. Et je ne peux pas forcer mes utilisateurs à écrire le code HTML à la main.

Est-il possible de faire en sorte que l'éditeur WYSIWYG génère le balisage requis?

3
Sebastian Starke

La page Codex des styles personnalisés de TinyMCE devrait vous aider à surmonter cette difficulté.

Il y a des extraits de code sur cette page, mais en tant que vue d'ensemble, le processus nécessite deux étapes:

  1. Ajoutez l'élément "styleselect" de TinyMCE à la première ou à la deuxième rangée d'icônes.
  2. Ajoutez un ou plusieurs éléments à ce menu de sélection de styles.

Si c'était moi, je considérerais aussi supprimer le bouton blockquote de TinyMCE puis ajouter blockquote en tant qu'option dans les styles et sélectionner cite. En procédant de cette façon, vos éditeurs peuvent trouver le balisage correct pour une blockquote entière au même endroit.

Et j'espère que cela va sans dire, mais veillez à implémenter un fichier editor-style.css personnalisé afin que les styles blockquote et cite correspondent à la sortie du thème.

3
mrwweb