web-dev-qa-db-fra.com

Comment mettre en évidence la syntaxe telle qu'elle apparaît sur stackoverflow?

Supposons que je rédige un article et que je ne mette en évidence que quelques caractères: like this. Comment puis-je atteindre cet objectif?

2
kpeyton

Le langage HTML comprend une balise spéciale permettant d’afficher du code en ligne . Pour l'appliquer à votre texte, passez sous l'onglet de l'éditeur visuel "Texte" et placez la balise <code> avant votre morceau de code, puis la balise </code> ensuite.

Si vous voulez utiliser le caractère backtick `pour la surbrillance du code comme vous le faites sur Stack Overflow, consultez ce plugin de Tom McFarlin .

3
shea

vous pouvez créer un shortcode pour cela

<?php
add_shortcode('highlight','ravs_hightlight');
function ravs_hightlight( $atts, $content=""){
  return '<span class="highlight">'.$content.'</span>';
}
?>

coller le code ci-dessus dans functions.php.

utiliser shortcode dans wordpress editer comme

[highlight]test for hightlight short code[/highlight]

votre sortie HTML comme

<span class="highlight">test for hightlight short code</span>

donner des css à la classe .highlight

Lien important :

add_shortcode ()

0
Ravinder Kumar

Ce sujet a été discuté avec succès ici et ici .

Bungeshea a raison, mais vous pouvez aussi et simplement ajouter ces balises dans votre éditeur de texte (pas l'éditeur visuel):

[sourcecode language='CorrespondingLanguage']
    //Your code goes here
[/sourcecode]
0
Edouard Kombo