добавление пользовательского значка блока Гутенберга - PullRequest
Новая
       13

добавление пользовательского значка блока Гутенберга

0 голосов
/ 05 мая 2018

Я добавил статический блок для добавления шорткода. Вместо того, чтобы использовать дасиконы в качестве значка блока, я хочу использовать настраиваемый значок, который уже существует в папке плагинов 'images'. Кто-нибудь, пожалуйста, помогите мне использовать изображение .svg в качестве значка блока. Ниже приведен код, который я пытался добавить, добавив иконку 

( function() {
var __ = wp.i18n.__;
var createElement = wp.element.createElement;
var registerBlockTypeMainPage = wp.blocks.registerBlockType;
const iconEl = el('svg', { width: 20, height: 20 },
    el('path', { d: "M8.54,4.68V8h3.23v.58H8.54v3.28H8V8.55H4.74V8H8V4.68Z,M26.48,5.93,24.15,8.26l2.28,2.28L26,11,23.74,8.66,21.42,11,21,10.58l2.33-2.32L21.05,6l.41-.41,2.28,2.28,2.33-2.33Z,M11.26,23.45V24h-6v-.59Z,M27.25,22.36v.58h-7v-.58Zm0,2.19v.57h-7v-.57Z" } )
);

registerBlockTypeMainPage(
    'mdlr/static-block',
    {
        title: __( 'Test block' ),
        icon: iconEl,
        category: 'widgets',

        edit: function( props ) {
            return createElement(
                'p',
                {
                    className: props.className,
                },
                '[test-block]'
            );
        },

        save: function( props ) {
            return createElement(
                'p',
                {
                    className: props.className,
                },
                '[test-block]'
            );
        },
    }
);
})();
...