コンテンツ編集画面のカスタマイズ

ツールバーのカスタマイズ

myEditor の編集画面上部にあるツールバーは次のように２段構成になっています。

 これに対して TinyMCE が用意しているフルメニューのツールバーは４段構成です。⇒拡大

このフルメニューから項目を選んで自由にツールバーを編集することができます。編集は
admin ⇒ word.php  19行～22行で次のように行います。

  theme_advanced_buttons1 : "bold,italic,underline,fontsizeselect,bullist,numlist,outdent,indent,・・・,tablecontrols",
  theme_advanced_buttons2 : "formatselect,styleselect,sub,sup,cite,blockquote,hr,forecolor,・・・,fullscreen",
  theme_advanced_buttons3 : "",
  theme_advanced_buttons4 : "",

上記は hpEditor の２段構成に該当する記述例です（一部省略して掲示）。
フルメニューに該当する記述は次のようになっています。取捨選択して編集します。⇒拡大

スタイルの要素

フルメニューにもない編集ツールはスタイルで補うことができます。「コンテンツ編集画面」の「スタイル」参照。デフォルトでは4要素が用意されていますが、これらは admin ⇒ word.php 28行で指定します。Clear Line=clear というような記述が４項目あります。等号の左側はツールバーのスタイルの要素名、右側はスタイルシートに定義されているクラス名です。使用されているスタイルシートは30行に記述されています。このスタイルシートの中でクラス clear は　.clear {　clear:both;　} と定義されています。従ってツールバーのスタイルから Clear Line を選択すると　clear:both が実行されます。このようにスタイルシートのクラス定義を用いて、ツールバーのスタイルを編集することができます。

なおスタイルシートはデフォルトのスキンのスタイルシートを流用していますが、編集画面と編集結果の見栄えがあまり異ならないようにする効果があります。