CMSではWordPressが一般的だが、本ブログは国産のFreoを使用している。
WordPress、Freoのどちらも編集にはオープンソースのTinyMCEを使用している。
WPのGUIは自分で簡単に編集できるが、Freoの場合は少し工夫が必要になる。
クイックツールバーを追加
今回は、クイックツールバーを追加してみた。編集時に文字をドラッグすると、自動で必要なツールバーが展開するというもの。
リンクや見出しなどを付けるときに役立つ。
TinyMCEの公式ドキュメントをあさるとあっさり出てきた。プラグイン化されているので、呼び出すだけのようだ。
.jsのコード修正
tinymce.initが格納されているファイルの一部を次のうように修正するだけ。
Freoの場合は、/js/admin.jsに入っています。
plugins: ['advlist lists link image charmap preview anchor hr nonbreaking searchreplace visualblocks code fullscreen insertdatetime media table contextmenu textcolor pagebreak help'],
プラグインに「quickbars」を追加
plugins: ['quickbars advlist lists link image charmap preview anchor hr nonbreaking searchreplace visualblocks code fullscreen insertdatetime media table contextmenu textcolor pagebreak help'],
クイックツールバーは便利だった
修飾したい文字をドラッグするとこんな感じでGUIが展開します。
意外と便利な機能だわ。
コメント