古腾堡开发:如何使用InnerBlocks和RichText组件一起编写块

时间:2019-02-08 11:49:06

标签: gutenberg-blocks

我有一个需要将void remove(Item item) { Node cur = this.first; Node prev = null; if(this.first.item.equals(item)){ item = dequeue(); cur = this.first; } while (cur != null) { /* if (cur.item.equals(item)) { item = dequeue(); }*/ while(cur != null && !cur.item.equals(item)) { prev = cur; cur = cur.next; } if(cur == null) return; prev.next = cur.next; cur = prev.next; } return ; } 放在InnerBlocks组件旁边的要求。像这样:

RichText

我是古腾堡发展的新人。我有三个问题。

  1. 这是正确的方法吗?要求edit: function( props ) { var textContent = props.attributes.textContent; function onChangeTextContent( content ) { props.setAttributes( { textContent: content } ); } return ( <div className={ props.className }> <label class="editor-content-section-label">Content for gray section</label> <RichText className={props.className} onChange={onChangeTextContent} value={textContent} placeholder="Add content" /> <InnerBlocks allowedBlocks={'hallmark/white-content-container'}/> </div> ); }, save: function( props ) { return null; }, 必须放在white-content的容器内。
  2. 如何使用RichText保存全部内容。回调函数可以很好地保存render_callback的内容,但是我不知道如何用RichText保存InnerBlock的内容。

最终输出如下:

render_callback
  1. 尽管我已限制<div class="gray-content"> Content of RichText <div class="white-content"> Content of InnerBlock </div> </div> 仅播种一个块(InnerBlocks),但插入程序对话框会显示所有可用块,包括核心块和自定义块。

请让我知道我该怎么做!

0 个答案:

没有答案