ライセンス購入ダウンロードへHomeドキュメントユニットリッチエディターユニットリッチエディターユニットリッチエディターユニットとはVer.2.11から追加された、ブロックでHTMLを記述できるエディター(SmartBlock)を搭載したユニットです。ブロックにカーソルを合わせると以下のような見た目になります。余分なタグが入らないあらかじめ設定したタグ以外の情報が一切入りません。そのため、一般的なエディターでよくあるような、意図しないタグが知らない間に挿入されているといったことが起こりません。他のページの内容をコピー、ペーストした際もあらかじめ設定したタグ以上の情報は入りません。ブロックベースの考え方また、ブロックベースの考え方でできているため、見出しと本文を入れ替えたり画像と本文を入れ替えたり、順番の制御が容易に行えます。カスタマイズ性SmartBlockはカスタマイズ性にもすぐれ、JavaScriptにそれほど精通していない人でも独自のブロックを作成することができます。導入方法デフォルトでは追加ユニットのボタン群にリッチエディターボタンが追加されていないので、追加しましょう。ユニット追加ボタンより以下のようにリッチエディターを追加してください。その後、エントリー編集画面に行くと以下のようにボタンが追加されているのが確認できます。ボタンをクリック後、下図のような見た目でユニットが表示されます。リッチエディターで利用できるデフォルトのブロックデフォルトでは、本文ブロック、見出し2ブロック、見出し3ブロック、リストブロック、番号付きリストブロック、引用ブロック、メディアブロックが利用できます。本文ブロック見出し2ブロック見出し3ブロックリストブロック番号付きリストブロック引用ブロックメディアブロックリッチエディターにブロックを追加するまた、デフォルトで使えるブロック以外にも、テーブルブロック、ハイライトブロック、カスタムブロックが利用できます。テーブルブロックを追加する以下のJavaScriptを記述することでテーブルブロックを追加できます。});});以下のような見た目のブロックが出現し、行の追加・削除、列の追加・削除などテーブルを編集できるようになります。テーブルブロックセルを複数選択することで、セルの結合解除なども可能です。テーブルブロックコードブロックを追加するまたエンジニアには嬉しいコードブロックもあります。こちらは入力するたびに書いたソースコードがハイライトされるブロックです。以下のJavaScriptを記述することでコードブロックを追加できます。});});コードブロックカスタムブロックを追加するまた独自にブロックを定義して追加することも可能です。]};オリジナルブロックカスタムブロックには以下のようなオプションが指定できます。fa-user"></i>'リッチエディターで利用できるデフォルトの装飾また、リッチエディターでは以下の画像のように、インライン装飾をするための仕組みがあります。デフォルトでは、強調、アンダーライン、打ち消し線、リンクの装飾を施すことができます。装飾を追加するまた存在しない装飾はブロックと同じように独自に定義して追加することができます。以下のソースコードは、small要素を追加するサンプルコードになります。