「Advanced Code Button」というWordPressプラグイン

「CodeColorer」で使ってみました。

もう貼り付けに失敗しない!WordPressコード貼り付け支援プラグイン「Advanced Code Button」

私はこの間から「CodeColorer」というシンタックス色付けプラグインを使ってみているのですが、<pre>を使っていても、「&」や「>」などの記号が、編集モードを切り替えると勝手に変換されて大変で。
いや、上のように書けるのはその変換機能のお陰なのですが、実際のコードを書く時は、変換されると文字化け、要するにインターネット表記になってしまいます。
その対策を探してネットをふらふらしていて見つけたのが、このプラグインです。

「CodeColorer」対応というのが嬉しいですね。
使い方とかインストール方法は、冒頭のページに詳しく書かれていますので、実際に今までの記事に使って書き直してみました。

余計な枠も無くなり、文字化けしませんし、とても奇麗な仕上がりです。
ただ、私の環境のせいかもしれませんので何とも言えませんが、困った点が一点だけ。

シェルスクリプトとかでは、「\(バックスラッシュ)」をよく使います。
手順通りにコードを貼付けた時点では、バックスラッシュのままなのですが、「挿入」ボタンを押して展開されると、「¥(円マーク)」記号に変換されてしまいます。

例えば、「\”\”」というコードを挿入すると、

¥"¥"

こんな感じになります。
これで困るのは、「CodeColorer」のシンタックス判定が、「¥」をエスケープ文字として見てくれない事で、見てわかるように「”¥”」が文字列として判定されています。
そこで、編集した後に、ビジュアルエディタ上で「¥」を「\」に全て置換するようにしました。

\"\"

そうすればこのように、意図通りの表示になりました。
そこさえ気をつけていれば、とても使いやすいプラグインだと思います。

 

コメントをどうぞ