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

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

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

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

Something like that yes ;)

— Brandon Kelly (@brandonkelly) April 13, 2023

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

CKEditor
https://plugins.craftcms.com/c…

composer require craftcms/ckeditor -w && php craft plugin/install ckeditor

プラグインの設定画面

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

20230419-085416.png

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

設定内容の編集画面

20230419-075834.png

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

20230419-081200.png

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

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

CKEditor のフィールド

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

configの選択

設定画面で config を選択する

20230419-080028.png

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

その他の設定

20230419-080033.png

エディタ側の表示

見出し

20230419-080354.png

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

各種装飾ボタン

20230419-082820.png

リンク

リンクの指定部分

20230419-080414.png

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

URL指定のパターン

20230419-080426.png

画像

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

20230419-081950.png

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

alt の設定

20230419-082032.png

キャプションの設定

20230419-082043.png

表組み

表組みの挿入部分。

20230419-082114.png

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

20230419-082833.png

コードブロック

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

20230419-082332.png

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

20230419-100627.png

HTMLスニペット

HTMLスニペットの挿入

20230419-082408.png

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

20230419-082838.png

リストとか

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

20230419-082920.png

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

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

20230419-082750.png


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

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

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