[WP]テーブルブロックの table 要素を div でラップする方法現在開発中の、DigiPress テーマ専用のブロックエディタープラグインによる拡張機能として、WordPress 標準のテーブルブロックで作成される HTML テーブル(table 要素)を、横にオーバーフローした際にCSSのみで水平方向にスクロール可能にして表全体が閲覧できるようにするため、table 要素全体を div 要素でラップする必要がでてきました。 ブロックエディターで出力されるコンテンツ全体を div などのタグでラップする方法は、wp.hooks の addFilter を利用して以下のようにフックを実行することで簡単に実装できます。 テーブルブロックをdivでラップするコード(JSX) /** * Wrap table block in div. * * @param {object} element * @param {object} blockType * @par
![[WP]テーブルブロックの table 要素を div でラップする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/33d0ab3188c38b4e99826472699fe39b0ab4965f/height=288;version=1;width=512/https%3A%2F%2Fdigipress.info%2F_wp%2Fwp-content%2Fuploads%2F2019%2F07%2Fwrap-table-block.png)
