リッチテキストエディタに新たに追加されたボタン

PowerCMS X バージョン4 にてリッチテキストエディタで利用できる以下のボタンを新たに追加しました。

• pt-indent （段落字下げインデント）
• list-hiragana（ひらがなリスト）
• list-katakana（カタカナリスト）
• list-japanese-formal（書類漢字リスト）
• list-japanese-informal（日常漢字リスト）

TinyMCEプラグインの設定で「ツールバー」に上記を追加することでリッチテキストエディタのボタンとして使用できるようになります。

pt-indent による段落字下げインデント

pt-indent ボタンを使用すると選択した段落に字下げを適用することができます。

リストボタンによる日本語装飾

list-hiragana、list-katakana、list-japanese-formal、list-japanese-informal ではそれぞれリストの装飾を変更することができます。

注意事項1

「pt-indent」については HTMLコードに「pt-indent」という class 名が付与されます。
そのままではスタイルが適用されないため、エディタ用CSS（powercmsx/assets/css/editor.css）に下記のコードが必要になります。※1

.pt-indent {
  text-indent: 1em;
}

また、テーマ（出力ページ）も対応する必要があるため、
スタイルシートを出力しているビュー（もしくはサイト用のスタイルシート）に上記のコードを追加します。※2

※1. 最新版のエディタ用CSS（powercmsx/assets/css/editor.css） には反映されているため修正は不要です。
※2. 最新版の Website / Media テーマには反映されているため新規にテーマを適用した場合は修正は不要です。

注意事項2

今回追加されたボタンは TinyMCE 4 を使用している環境（環境変数で「tinymce_version」に「4.x」を指定）ではご利用頂けません。

カテゴリー：プラグイン

投稿者：fujimoto