Gutenbergのリッチテキストの既知の問題

WordPress

経緯

RichTextToolbarButtonはClassを見ない?
registerFormatTypeで設定しているClassまで見ないようです。問題の動作と対策をまとめてみま…

こちらの記事の現象が開発中のプラグインでも発生したため原因を調査しました。

現象

  1. クラスとタグ名を指定して registerFormatType でフォーマットタイプを登録
  2. ツールボタン等から登録したフォーマットタイプを適用
  3. コードエディタから編集しクラス名を変更または削除
  4. ビジュアルエディタに戻る
  5. 同じタグで登録された無関係のフォーマットタイプが適用されているような表示になる
  6. フロントでは5の適用は起こらない

原因

フォーマットタイプの検索時に以下のような実装なっているため

  1. クラス名がある場合にクラス名で登録されたフォーマットタイプから検索
  2. 1で見つからなかった場合、タグ名のみで検索
WordPress/gutenberg
The Block Editor project for WordPress and beyond. Plugin is available from the official repository. - WordPress/gutenberg

本来は2の検索時にクラス名がないものに限るべきだと思います。

対応

とりあえずIssueで報告しました。

RichText FormatType which has same tag but different class is applied · Issue #13687 · WordPress/gutenberg
Describe the bug There is a case to be applied not related FormatType to richtext if edit the class on the editor but not applied on the front end To Reproduce ...

コメント