Snow Monkey Editor v9.1.0 をリリースしました

Snow Monkey Editor v9.1.0 の概要

機能追加

• ブロックプリセット機能を追加

ブロックプリセット機能を追加

ブロックの設定をプリセットとして保存して、同じ種類のブロックにワンクリックでそのプリセットを適用できる機能を追加しました。動画のほうがわかりやすいと思うので下記をご覧ください。

プリセットはブロックの種類毎に何個でも設定できます。また、プリセットはユーザー毎に個別に保存されます。

プリセットは技術的にはそのブロックの attributes をユーザーメタに保存して、それを他のブロックに setAttributes するという仕組みなのですが、全ての attributes を setAttributes してしまうとブロックが正しく動作しなくなったり、そこはコピーされたくなかったのにーということが起こってしまいます。例えば上の吹き出しブロックの例で言えば、画像や名前はコピーされてほしいけど吹き出しの内容はコピーされたくないですよね。

ということで、デフォルトではブロックプリセット機能を使えるブロックと、コピーできる attributes を制限しています。

snow-monkey-editor/editor.js at master · inc2734/snow-monkey-editor

Contribute to inc2734/snow-monkey-editor development by creating an account on GitHub.

github.com

現時点は下記のブロックにコアブロックプリセット機能が使用できます。

また、Snow Monkey Blocks も v17.2.0 からブロックプリセット機能をサポートしており、下記の通り使用できます。

カスタムブロックにブロックプリセット機能を適用させる方法

block.json の supports を拡張することで適用できます。

// 全ての attributes がコピー対象の場合
supports: {
  snowmonkeyeditor: {
    blockPresets: true,
  }
}

// がコピー対象の attributes を制限する場合
supports: {
  snowmonkeyeditor: {
    blockPresets: {
     ignore: ['content'], // content はコピーさせない
   }
  }
}