Blocs de code avec WYSIWYG dans un article de blog
Est-il possible de formater le code dans l'éditeur wysiwyg? Jusqu'à présent, j'utilise des guillemets pour représenter le code, mais mon problème est qu'il saute automatiquement à la ligne et que je ne veux pas en avoir dans mon code.
Il y a plusieurs façons de traiter ce problème.
Vous pouvez jeter un œil à un plugin de surligneur syntaxique, il vous apportera également du texte coloré avec des mots clés en surbrillance, etc. pp. C'est probablement agréable si vous utilisez du code assez souvent. J'utilise SyntaxHighlighter Evolved .
Si vous voulez le faire à la main, <code> est probablement l'élément HTML que vous voulez utiliser, tout comme Stack Overflow. C'est "conçu" pour être utilisé de cette façon (et compris comme un code d'une vue sémantique, aussi).
Si vous voulez empêcher les sauts de ligne, vous pouvez ajouter ceci à votre CSS:
code {white-space: nowrap; }Vous devez cependant utiliser ceci dans la vue texte de l'éditeur, car la version WYSIWYG le lierait probablement.
Vous pouvez contourner ce problème en définissant un shortcode pour votre code-tag. Vous trouverez de nombreux exemples à ce sujet sur le Web.