如何在“附加 CSS 类”输入上触发“更改”事件

【问题标题】：How to fire "change" event on "Additional CSS Class" input如何在“附加 CSS 类”输入上触发“更改”事件
【发布时间】：2022-06-23 21:16:01
【问题描述】：

我正在使用 JS 来填充 Additional CSS Class 输入，它工作正常（即文本输入字段的值正在设置），但是它没有通知 Gutenberg 该值已更新，也没有保存以编程方式填充的值。我试过了：

classField.trigger( 'change' );
classField.trigger( 'input' );

...确实会触发但对古腾堡没有影响。有任何想法吗？ T

【问题讨论】：

【解决方案1】：

要更新块 className 属性，使用目标块 clientId，通过以下方式调用 WordPress 以保存更改：

wp.data.dispatch( 'core/block-editor' ).updateBlockAttributes( clientId, { className:'my-style' } );

clientId 存储在呈现的 HTML 的 data-block 值中，例如。表块：

<figure 
    ... 
    data-block="{clientId}" 
    data-type="core/table" 
    data-title="Table"
>

【讨论】：