it-swarm.com.ru

Гутенберг РичТекст

Я использую RichText API для пользовательского блока:

<RichText
  tagName="a"
  className="button"
  placeholder={ __( 'Button text...' ) }
  value={ buttonText }
  onChange={ ( value ) => setAttributes( { buttonText: value } ) }
 />

Я использую a в качестве имени тега, потому что хочу, чтобы элемент был ссылкой, но я не уверен, как добавить URL. Можно ли добавить атрибут href? Добавление href="some URL" в RichText не работает. Я просмотрел документацию и гуглил ее, но не нашел никаких указаний.

1
CyberJ

Пожалуйста, вставьте полный код, в соответствии с официальным блоком кнопок Гутенберга. Вы должны иметь дополнительные атрибуты блока, чтобы использовать для ссылки кнопки, текст -

https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/button/index.js

<RichText.Content
    tagName="a"
    className={ linkClass }
    href={ url }
    title={ title }
    style={ buttonStyle }
    value={ text }
/>

Как видите, есть URL, заголовок и текст атрибуты.

url: {
        type: 'string',
        source: 'attribute',
        selector: 'a',
        attribute: 'href',
    },
    title: {
        type: 'string',
        source: 'attribute',
        selector: 'a',
        attribute: 'title',
    },
    text: {
        type: 'array',
        source: 'children',
        selector: 'a',
    },
1
Ashiquzzaman Kiron