Могу ли я добавить собственный тег атрибута данных к элементу Гутенберга - PullRequest
0 голосов
/ 09 октября 2019

У меня есть элемент richtext в блоке, и я хочу создать свой собственный «my-data-attribute» и включить его в вывод, но, похоже, я никак не могу это сделать. У меня уже есть атрибут, работающий с SelectControl, и все это, я просто не могу заставить работать data-attr.

Я нашел, как добавить его в упаковщик блоков, но мне нужно добавитьэто к элементам, так что я могу управлять некоторыми триггерами прокрутки анимации.

в значительной степени, что-то вроде этого;

<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
/>

1 Ответ

0 голосов
/ 09 октября 2019

хорошо, я смог решить это, обернув его в деление следующим образом:

<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>
...