2019-06-10

HTML的なモジュールリストの追加としてRedactorのClipsを使ってみる #craftcms

エディタで管理するか、フィールドで管理するのか悩ましい分類なのがコンテンツのスタイル、みためっぽいところなのですが。

例えばこんな感じのスタイルがあるときに。

とりあえず見た目とクラスとかはおいとくとして、以下のようなコードを挿入する想定だとする。

<div class="frame-type01 type-blue">
 <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
</div>

最初、Redactorのフォーマットをどうにかする方向で考えてみたのですが。

Clipsを使えばサクッといけるな、ということで用意してみた。

とりあえず、こんな感じでRedactor用の設定(standard.jsonなど)に追記する

"clips": [
    ["囲み枠(青)", "<div class='frame-type01 type-blue'><p>Label</p></div>"],
    ["中央寄せボタン", "<div class='button-group01 type-center'><a href='#' class='button-type01 type-blue'>中央寄せボタン中央寄せボタン</a></div>"]
  ]

これでClips用のボタンからまず追加できて、必要に応じて変更が可能。

clips はプラグインなのでpluginsとbuttonsに追加が必要。

ボタンがぱっと見全部一緒なのはどうにかできるのかなー。



とりあえずはMTでいうところの定型文に近い感じになるかなー、と。
とりあえずやりたいことはこれでできそうなので結果オーライかな。