Gutenberg编辑块检验器控件并保存

时间:2018-10-20 作者:James

我想编辑一个现有的块来添加另存为元数据的检查器控件。我一直在绞尽脑汁寻找如何保存数据。以下代码向inspector系统添加了一个文本字段。我可以添加该字段,但由于某些原因,该字段无法保存。我一辈子都想不出来。

var el = wp.element.createElement,
    Fragment = wp.element.Fragment
    registerBlockType = wp.blocks.registerBlockType,
    RichText = wp.editor.RichText,
    BlockControls = wp.editor.BlockControls,
    AlignmentToolbar = wp.editor.AlignmentToolbar,
    Fields = wp.components;

var withInspectorControlsEdit = wp.compose.createHigherOrderComponent( function( BlockEdit ) {
    return function( props ) {
        return el(
            wp.element.Fragment,
            {},
            el( BlockEdit, props ),
            el(
                wp.editor.InspectorControls,
                {},
                el(
                    Fields.PanelBody,
                    {},
                    el(
                        Fields.TextControl,
                        {
                            label: \'Test Field\',
                            value: props.attributes.testField,
                            onChange: function(e){
                                props.setAttributes({ testField: e });
                            }
                        }
                    )
                )   
            )
        )
    };
}, \'withInspectorControlsEdit\' );
wp.hooks.addFilter( \'editor.BlockEdit\', \'acf/accordion\', withInspectorControlsEdit );

1 个回复
SO网友:Danny Cooper

您是否将属性(testField)设置为meta?

attributes: { testField: { type: \'string\', source: \'meta\', meta: \'testField\' }, },

结束

相关推荐

JAVASCRIPT:向URL添加锚hashtag,并重新加载

我做了this Website 在两个内部页面中使用锚定链接。这是一个多语言网站,使用PolyLang。语言选择器位于网站右上角的浮动菜单中。网站所有者希望使用语言选择器的交互页面功能。这意味着;在任何英文页面中,您单击语言选择器(西班牙语),该选择器将根据父菜单项“活动”中的子菜单将您带到等效(对等)页面。工作精细,开箱即用,用于链接;但不适用于锚链。为此,我尝试了Apache。htaccess和PHP,但不起作用。JavaScript适用于this page 只有一个锚。我使用了:窗口。地方repla