web-dev-qa-db-fra.com

Mise en œuvre/utilisation appropriée du code/syntaxe en surbrillance

J'ai déjà lu ce que je peux sur plusieurs sites et installé ce plug-in:

http://fr.support.wordpress.com/code/posting-source-code/

http://alexgorbatchev.com/SyntaxHighlighter/

Je manque comment faire pour que ça marche. Maintenant, j'ai deux questions:

  1. Dois-je taper dans la fenêtre Visual ou dans la fenêtre HTML?
  2. TinyMCE joue-t-il avec cela? J'ai vu mon code disparaître dans la fenêtre HTML.

J'ai actuellement tapé mon code dans Visual Window comme ceci:

[sourcecode language="php"]
<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://CMSTrainingVideos.com" );
if ($_GET["page_id"] == 1)
   Header( "Location: http://CMSTrainingVideos.com/?p=35");
if ($_GET["page_id"] == 2)
   Header( "Location: http://CMSTrainingVideos.com/?p=43");
?>
[/sourcecode]

J'ai aussi essayé <pre language="php"> avec la syntaxe "Geshi", et je n'ai pas eu de chance non plus.

Mais rien ne se passe, c’est-à-dire aucune syntaxe en surbrillance: http://cmstrainingvideos.com/?p=53

codesyntax-highlightingplugin-syntaxhighlighter
1
NealWalters

J'utilise un plugin similaire appelé WP Syntax, qui fonctionne mieux, d'après mon expérience, donc je vais répondre pour celui-là:

Question 1: Dois-je taper dans la fenêtre Visual ou dans la fenêtre HTML?

Dans la fenêtre HTML. Je préfère le mode <pre lang="php">.

Question 2: TinyMCE joue-t-il avec cela?

Oui, il va encoder des caractères spéciaux en html, par exemple en transformant => en =&gt; etc., de sorte que vous devriez probablement désactiver complètement l'éditeur riche.

2
scribu

http://wordpress.org/extend/plugins/visual-code-editor/ empêche les conflits de code:

commencez par placer les balises source, puis marquez-les en tant que pré, puis copiez votre code entre les deux, cela ne codera pas le code HTML.

Donc, vous n'avez plus à désactiver votre Visual Editor.

1
edelwater