Gutenberg RichText

Question

J'utilise l'API RichText pour un bloc personnalisé:

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

J'utilise a comme nom de balise car je veux que l'élément soit un lien, mais je ne sais pas comment ajouter une URL. Est-il possible d'ajouter un attribut href? L'ajout de href="some URL" à RichText ne fonctionne pas. J'ai regardé à travers la documentation et l'ai googlé mais n'ai trouvé aucune indication.

Answer 1

Veuillez coller le code complet, conformément au bloc de boutons officiel de Gutenberg. Vous devez avoir des attributs de bloc supplémentaires à utiliser pour le lien de bouton, texte -

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

Comme vous pouvez le voir, il y a un URL, Titre et Texte attributs.

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',
    },