ビジュアルエディタをAdvanced TinyMCE Editorで拡張

WordPressには標準でビジュアルエディタが入っているけど、ちょっと物足りない。文字の大きさを変えられなかったり、文字色を変えられなかったりと、あって当たり前と思えるようなものがないのがない。

そこで Advanced TinyMCE Editorで機能を拡張してしまいましょうと。
まずはダウンロードしたファイルを解凍。その中にadvanced-tinymceフォルダpluginsフォルダがある。

  1. advanced-tinymceフォルダをいつものように/wp-content/plugins/にアップロード。
  2. pluginsフォルダ内を/wp-includes/js/tinymce/pluginsにアップロード。
  3. 管理画面でプラグインを有効化。
  4. ここまでで、新規投稿画面に移動したときに拡張が表示されていれば、これで完了。
  5. 表示されていない場合はブラウザのキャッシュをクリアしてみる。これで表示されれば完了。
  6. これでも表示されない場合は、各種設定→ Advanced TinyMCE Editorのオプション画面にあるCSSの場所を記述するテキストボックスにcolorpicker.css,editor_content.css,editor_popup.css,editor_ui.cssの4つをコンマ区切り(このまま)記述して保存すれば使えるようになる。

使っているモニタ(うちのモニタでも)によっては、ボタンをすべて表示させると、投稿画面のサイドバーにはみ出してしまいますので、自分で使うボタンを吟味した方がいいかもしれません。ボタンの選択はCSSを記述したAdvanced TinyMCE Editorのオプション画面で行うことが出来ますので、お好みで。

今のところ、Prism経由だと非常にスムーズに動いています。これでPrismがオフラインでも利用できるようになると更にいい感じになりそうです。外部のブログエディタを利用してタグが使えないとかpingが好きなところに送れないなんてこともなくなりそうです。