WordPressよ、勝手に特殊文字をエスケープ文字に変換するのは辞めてくれ

WordPress

以前の記事で「SyntaxHighlighter Evolved」をWordPressに入れてコードやコマンドなんかを見やすくしたのですが、<や>といった特殊文字をWordPressで入力していると自動でエスケープされてしまいます。「<」が「&lt;」になってしまうといった具合です。

SyntaxHighlighterでHTML特殊文字がエスケープされてしまう」というページを見ると「SyntaxHighlighter Evolved」の影響で特殊文字がエスケープされてしまうようです。
コードを見やすくするためのプラグインなのに本末転倒じゃないか。。。

ブログがHTMLで記述されているので内部的なエスケープは必要なんでしょうかね。
プラグインとWordPressの2回特殊文字のエスケープが行われることで
「<」→「&lt;」→「&amp;lt;」
となってしまっているのではないかなぁ、と想像しています。
「crayon-syntax-highlighter」ならプラグイン側での特殊文字のエスケープを無効化できるようなのでプラグインを変更することにしました。

SyntaxHighlighter Evolvedのアンインストール

まずは「SyntaxHighlighter Evolved」をアンインストールします。
プラグインのインストール済みプラグインを表示します。

そしてアンインストールするために「SyntaxHighlighter Evolved」を停止します。

停止するとこのように「削除」が現れます。削除をクリックします。

アンインストールの確認画面が表示されます。
最後の確認です。
「SyntaxHighlighter Evolved」で間違いないことを確認したら「はい、これらのファイルを削除します」をクリックします。

この画面が表示されると、「SyntaxHighlighter Evolved」のアンインストールの成功です。

crayon-syntax-highlighterのインストール

続いて「crayon-syntax-highlighter」をインストールします。
さっきの画面の「新規追加」をクリックします。
プラグインの検索に「crayon-syntax-highlighter」と入力してEnterキーを押すと「crayon-syntax-highlighter」が一番最初に表示されます。
「今すぐインストール」をクリックします。

ものの数秒でインストール完了です。
いつも思いますがWordPressのインストールはFTPを使わずに管理画面だけで操作できるので楽ですね。
いつもならこの画面で、プラグインを有効化するのですが、今回はまだしません。

先に「crayon-syntax-highlighter」で特殊文字のエスケープ処理を無効化します。

crayon-syntax-highlighterの特殊文字エスケープ無効化

FFFTPでWordPressディレクトリ以下にあるファイルを編集します。
WordPressをインストールしたトップディレクトリからみて「wp-content/plugins/crayon-syntax-highlighter」のディレクトリにcrayon_formatter.class.phpがあります。
これをローカルの適当なディレクトリにコピーしてテキストエディタで編集します。
変更前です。

変更後です。

編集したらファイルを元あったディレクトリにアップロードします。
確認画面が出ると思います。上書きします。
ファイルの権限は「644」(rw-r–r–)です。
正しい権限になっていると思いますが、念のため確認しておきましょう。

アップロードできたらWordPressの管理画面に戻り、「crayon-syntax-highlighter」を有効化します。

作成済みの投稿の編集画面か、投稿の新規追加画面を新しく開くと、少し見にくいですが「crayon-syntax-highlighter」のアイコンが追加されていました。(赤枠で囲ったところです。)


以前に「SyntaxHighlighter Evolved」をインストールした時に作成したCのHelloWorld文章を作ってみました。

※ちなみに「SyntaxHighlighter Evolved」をインストールした時のHelloWorld文は「crayon-syntax-highlighter」で書き直してしまいました。
「SyntaxHighlighter Evolved」をアンインストールしてしまったので、仕方ないですね。。

WordPress
スポンサーリンク
スポンサーリンク
三日坊主のメモ

コメント

タイトルとURLをコピーしました