Question

我在一个块中有一个RTF元素，并且想要创建自己的“ my-data-attribute”并将其包含在输出中，但是我似乎仍然找不到这样做的方法。我已经拥有与SelectControl一起使用的属性，而所有这些似乎都无法使数据属性正常工作。

我已经找到了如何将其添加到块包装器中，但是我需要将其添加到元素中，以便可以控制一些动画滚动触发器。

差不多是这样的

<RichText
    tagName="h2"
    value={ heading }
    className="bm2-card__title"
    my-data-attribute={ [animationControl]:animationControl}
    onChange={ text => setAttributes( { heading: text } ) }
    style={ {
        color: headingColor,
        textAlign: contentAlign,
    } }
    placeholder={ __( 'Title for This Block', i18n ) }
    keepPlaceholderOnFocus
/>

Answer 1

好的，我能够通过将它包装在这样的div中来解决它；

<div
    className={ animationControl ? 'aniview' : undefined }
    data-av-animation={ animationControl }
>
<RichText
    tagName="h2"
    value={ heading }
    className="bm2-card__title"
    onChange={ text => setAttributes( { heading: text } ) }
    style={ {
        color: headingColor,
        textAlign: contentAlign,
    } }
    placeholder={ __( 'Title for This Block', i18n ) }
    keepPlaceholderOnFocus
/>
</div>

我可以在gutenberg元素中添加自定义数据属性标签

1 个答案: