Crayon Syntax Highlighter プラグインを使用した時に、表示が変になったので、まとめておきます。
意外とハマりました。知らなかったので…
[]を使用すると class=”crayon-****” id=”***************” が表示される
|
1 2 3 4 5 6 7 8 9 |
[crayon-66eba33b9749a651774476 toolbar="2" lang="default" decode="true" ]<html> <head> <title>文書のタイトル</title> </head> <body> <h1>タイトル</h1> <p>本文</p> </body> </html> |
Crayon Syntax Highlighterに[]で囲むと、上記のように表示される
本来はCrayon Syntax Highlighterを[]で囲んだものと、ソースコードが綺麗に表示される
本来は[]を使用しているが、上記のようにおかしくなるので、仮で【】を使用している。
イメージをしやすくする為。
下記のように表示される。
【Crayon Syntax Highlighter】
|
1 2 3 4 5 6 7 8 9 |
<html> <head> <title>文書のタイトル</title> </head> <body> <h1>タイトル</h1> <p>本文</p> </body> </html> |
この現象が起きる時は、Crayon Syntax Highlighterのプラグインを使用して、ソースコードを書き、
Crayonを[]で囲ったときに起きるようです。
ソースコードの中に、class=”crayon-****”の記述があり
jQueryで$(“[ 属性 = ‘値’ ]”)の書き方をするので、jQueryのソースの中に、
$(“[ crayon- **** = ‘値’ ]”)が書いてある場合には、記述してあるcssが適用されるようだ
