我的创建块未显示...
const {__} = wp.i18n;
const {registerBlockType} = wp.blocks; const {RichText} = wp.editor;
registerBlockType('block-examples / block-example-03-editable-block',{ 标题:__('MonnyEditabale Block'),
icon: 'star-filled',
category: 'layout',
attributes: {
label: {
type: 'string',
source: 'html',
selector: '.label'
},
title: {
type: 'string',
source: 'html',
selector: '.title'
}
},
edit: ( props ) => {
const { attributes: { content }, setAttributes, className } = props;
const onChangeContent = ( newContent ) => {
setAttributes( { content: newContent } );
};
return (
<RichText
tagName="p"
className={ className }
onChange={ onChangeContent }
value={ content }
/>
);
},
save: function(props) {
const { label, title } = props.attributes
return (
<div>
<div className="label">
<RichText.Content
value={ label }
/>
</div>
<div className="title">
<RichText.Content
value={ title }
/>
</div>
</div>
)
}
});