WYSIWYGエディタ

a-blog cmsでは、任意の入力フィールドをWYSIWYGエディタにする設定が標準で実装されています。(Ver. 1.2.1より)

この機能を使用するとカスタムフィールドやお問い合わせフォームなどの任意の入力フィールドでWYSIWYGエディタを使用することができます。

a-blog cms では、WYSIWYGエディタにCKEditorというライブラリを使用しています。

デモ

デフォルトの設定

この機能の設定は、/js/config.jsの以下の箇所にあります。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途作成してください。詳しくは「組み込みJSについて:設定を編集する」を参照してください。

ckeMark     : 'textarea.js-ckeditor',


ckeMark CKEditorにする入力フィールドのセレクタを指定します。

使い方

textarea要素に .js-ckeditor を適用します。

<textarea name="textarea" class="js-ckeditor"></textarea>

テキストユニットの「WYSIWYG」との違い

ここで説明しているWYSIWYGは、CKEditorの初期状態のものを使用しています。テキストユニットのWYSIWYGで表示される入力フィールドは、絵文字エディタであり、初期状態のCKEditorとはツールバーや絵文字の種類が異なります。