Craft CMS の CKEditor プラグインがアップデートされたので試してみる

Craft CMS の CKEditor プラグインがアップデートされた

CKEditor: Revamped | Craft CMS
https://craftcms.com/blog/cked...

Redactor ではなくて、 CKEditor がメインになるのかなー、と思ったらそうらしい。 @tinybeans がきいてた。

ということで早速プラグインをインストールする。

CKEditor
https://plugins.craftcms.com/c...
composer require craftcms/ckeditor -w && php craft plugin/install ckeditor

プラグインの設定画面

プラグインの設定画面を見てみる

20230419 085416

設定をいくつか持つことが出来る。

設定内容の編集画面

20230419 075834

エディタに表示するボタンや、スタイルの調整が出来る

20230419 081200

スタイルの調整については、 GitHub のドキュメントを確認する事になりそう

craftcms/ckeditor: Edit rich text content in Craft CMS using CKEditor.
https://github.com/craftcms/ck...

CKEditor のフィールド

CKEditor のフィールドを作成する。

configの選択

設定画面で config を選択する

20230419 080028

エディタで利用するアセットのボリュームを選んだり、変形処理を選ぶ事ができる。

その他の設定

20230419 080033

エディタ側の表示

見出し

20230419 080354

設定で指定した物が選択出来る。

各種装飾ボタン

20230419 082820

リンク

リンクの指定部分

20230419 080414

エントリ、カテゴリ、アセットへのリンクを設定出来る。

URL指定のパターン

20230419 080426

画像

設定したボリュームの画像を挿入出来る

20230419 081950

挿入した画像には、キャプションと alt が設定出来る

alt の設定

20230419 082032

キャプションの設定

20230419 082043

表組み

表組みの挿入部分。

20230419 082114

行の追加はタブキーでできる

20230419 082833

コードブロック

コードブロックの挿入ボタン。

20230419 082332

いくつかの言語とかを選ぶ事ができる。

20230419 100627

HTMLスニペット

HTMLスニペットの挿入

20230419 082408

コードとの違いがちょっとよくわからないが、、、

20230419 082838

リストとか

リスト、順番つきリストとかの追加

20230419 082920

チェックボックス的なのが用意されてるのはなにか使う事が多いのかなぁ

コード的にはこんな感じだった
20230419 082750

ざっと見た感じはとりあえず Redactorではなくて CKEditor でも問題なさそうな気はする。
Redactor 自体のプラグインで拡張していたところがどうなるか、というのは気になるが。

表組みの調整方法がよくわからないが、何か方法があるんだろうか?

画像周りの caption については、意図せず追加できると思うので利用するときは caption があるHTMLを想定しておく必要がありそう。