toggleFormat
フォーマットの適用・削除をスイッチのように切り替えられる
カラーピッカーと合わせると、イベントが発生する度に活性・非活性される。
対応調査中。
import { registerFormatType, toggleFormat } from '@wordpress/rich-text';
import { RichTextToolbarButton } from '@wordpress/block-editor';
const testFn = ({ isActive, onChange, value }) => {
const onClickedTestBtn = () => {
onChange(toggleFormat(value, {
'type': 'systech/test'
}))
}
return (
<RichTextToolbarButton
title='テストボタン'
icon='desktop'
onClick={onClickedTestBtn}
isActive={isActive}
/>
)
}
registerFormatType('systech/test', {
title: 'テスト',
tagName: 'span',
className: 'u-test',
edit: testFn
});- 第一引数：変更する値
- 第二引数：適用するフォーマット
- 第三引数：開始インデックス
- 第四引数：終了インデックス
- 戻り値：適用後の値
第三引数と第四引数はほとんど使わない