Gutenberg RichText

时间：2018-09-08 作者：CyberJ

我将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 个回复
最合适的回答,由SO网友:Ashiquzzaman Kiron 整理而成

请根据古腾堡官方按钮块粘贴完整代码。您需要具有其他块属性才能用于按钮链接、文本-

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, Title & Text 属性。

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

结束
标签： javascript   block-editor   小码农  

相关推荐

特定WordPress页面的JavaScript

我有一个用Wordpress运行的网站。有一个特定的页面，我需要用户上传图片，放大/缩小，并将图片裁剪成圆形打印出来。所有这些都需要通过移动设备完成。我在Github上找到了croppie，并安装了所有文件。但是，脚本不起作用。我认为问题是WP，但尚未在网上找到任何解决方案。J/S和wordpress有问题吗？非常感谢您的帮助！