Я не добавляю таблицу стилей в блок Гутенберга - PullRequest
1 голос
/ 09 мая 2019

Мой созданный блок не показывает ...

const { __ } = wp.i18n;

const { registerBlockType } = wp.blocks;
const { RichText } = wp.editor;

registerBlockType( 'block-examples/block-example-03-editable-block', {
  title:  __('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>
    )
  }
} );

1 Ответ

0 голосов
/ 13 июня 2019

Вам также нужно поставить в очередь скрипты блоков в нужном месте в php.Прочтите очень хороший справочник редактора блоков, как создать свой первый блок .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...