SyntaxHighlighter Evolvedとは
SyntaxHighlighter EvolvedはWPのプラグインでソースコードをきれいに表示してくれます。
html、css、php、javascript、その他 c++ や vb など色々なソースコードが対応されていて、記事にソースを書きたいときに重宝します。
設定も簡単で 下記のように囲むだけでOKです。ビジュアルタブ、テキストタブのどちらもで問題ありません。
[html]ここにソースを記載[/html]
※↑の記号”[”、”]”は全角にしています。コピーした場合は、半角 “[“、”]”に変換してください
「<」や「>」が「&lt;」や「&gt;」に変換されてしまう
SyntaxHighlighter Evolvedを利用していると記号の「<」や「>」が下記のようにHTML コードに変換されてしまうことが時々ありました。
- < ⇒ 「&lt;」
- > ⇒ 「&gt;」
htmlの場合ですと、タグには「<」「>」を書く必要があるため、この問題が頻発するとつらい時があります。また、変換されだすとhtmlコードがどんどん増えていきます。htmlコードには必ず「&」があるため、それが「&」と変換され、下記のように無限に増殖していきます(苦笑)。
- < ⇒ 「&lt;」 ⇒ 「&lt;」 ⇒ 「&amp;lt;」
- > ⇒ 「&gt;」⇒ 「&gt;」 ⇒ 「&amp;gt;」
ですので、変換される前に戻すのは一苦労です。
変換が発生する操作
使っている中で、変換されてしまう操作がわかりました。
1つ前に戻る(取り消し)のショートカット「ctrl + Z」を使用するとhtmlコードに変換されてしまうようです。
Windowsを使用しているのですが、僕はブラウザ以外でも「ctrl + Z」はよく使います。(※Excel、テキストエディタ、Adobeソフト、などなど多数です)
多くのソフトで利用できますので、個人的にはかなり体に染みついた操作です。コピペのショートカットと同じくらい使うといえる程です。
最後に
もし同じような現象が起きている方はこの点を気に掛けてみてはいかがでしょう?
以上です。それでは、最後までお読みいただきありがとうございました!
スポンサーリンク
大変参考になりました!ありがとうございます!
私はjavaのソースコードをWordPressに記載する際、同じ現象に遭遇しました。
一括編集する手間が複数の記事に必要で、非常に面倒な作業でした。
できれば直接的な解決方法が欲しいですが、暫くはこの方法を念頭に置いて編集したいと思います。
解決方法が分かりましたら、こちらからご連絡させて頂きます。
>naotoさん
コメントありがとうございます。
少しでもお役に立てたようでよかったです!
ショートカットは癖ですぐやってしまうので、なかなか大変かとは思いますが、原因がわからないよりは頻度は落とせるかと思います。
ハイライトなどもあり、ありがたいプラグインですので、何か直接的な方法が見つかると良いですね。もし、私の方でも何かわかりましたら、記事にしたいと思います。