WordPress Crayon Syntax Highlighter プラグインを使うときに気をつけること

Crayon Syntax Highlighter プラグインを使用した時に、表示が変になったので、まとめておきます。

意外とハマりました。知らなかったので…

 

[]を使用すると class=”crayon-****” id=”***************” が表示される

Crayon Syntax Highlighterに[]で囲むと、上記のように表示される

本来はCrayon Syntax Highlighterを[]で囲んだものと、ソースコードが綺麗に表示される

本来は[]を使用しているが、上記のようにおかしくなるので、仮で【】を使用している。

イメージをしやすくする為。

下記のように表示される。

【Crayon Syntax Highlighter】

この現象が起きる時は、Crayon Syntax Highlighterのプラグインを使用して、ソースコードを書き、

Crayonを[]で囲ったときに起きるようです。

ソースコードの中に、class=”crayon-****”の記述があり

jQueryで$(“[ 属性 = ‘値’ ]”)の書き方をするので、jQueryのソースの中に、

$(“[ crayon- **** = ‘値’ ]”)が書いてある場合には、記述してあるcssが適用されるようだ

 

投稿者: samancha