@ablogcms/unit-editor
v3.2.28-beta.0
Published
エントリー本文ユニット編集 UI 一式
Keywords
Readme
@ablogcms/unit-editor
エントリー本文を構成するユニット(テキスト・画像・ブロックエディタ・地図・カスタム等)の 編集 UI 一式(コア・ユニットタイプ定義・インプレース編集・設定エディタ・ツールバー)を 提供するパッケージ。
使い方
import UnitEditor from '@ablogcms/unit-editor/components/unit-editor';
<UnitEditor
defaultValue={unitTree}
unitDefs={{ myUnit: myUnitDef }}
onContentChange={(data) => save(data)}
/>;defaultValue: 初期表示するユニット構成(UnitTree)。unitDefs: コアのユニット定義に加えて登録する追加のユニット定義(同名キーはこちらが優先される)。custom(組み込みJSを持つレガシーコンテンツ用ユニット)はコアに含まれないため、必要な利用側は 自前の実装をunitDefs経由で登録する(a-blog cms 本体はfeatures/unit-editor/unit-defs/customを注入している)。onCreate/onContentChange: エディタインスタンス生成時・内容変更時のコールバック。
ユニットタイプの追加は @ablogcms/plugins の ctx.unitEditor.registerUnitDefinition からも登録できる。
