向Gutenberg包装器添加自定义html类

时间:2019-02-26 作者:Melanie

我想向gutenberg包装器添加自定义类。

但我想灵活地使用inspectorinput中的类。

我该怎么办?块过滤器不起作用,因为您只能使用一个特殊的类。

1 个回复
最合适的回答,由SO网友:Mehmood Ahmad 整理而成

块过滤器用于自定义wordpress已使用以下格式添加的类wp-block-[plugin_name]-[block-name]. 您可以使用this.props.className.(为此创建单独的文件,并将其传递到registerBlockType中的edit方法中,以便更好地构建结构,否则您可以编写整个代码)

class Testing extends Component {
  constructor() {
    this.state = {
      customClasses: null
    }
  }

  render() {
    <InspectorControls>
      <TextControl
        label="Custom CSS Classes"
        value={ this.state.customClasses }
        onChange={ ( content ) => setState( { customClasses: content } ) }
      />
    </InspectorControls>
  }
}

相关推荐