Shopware 6 добавляет пользовательские классы в теги заголовков в текстовом редакторе - PullRequest
3 голосов
/ 04 августа 2020

Можно ли настроить / расширить теги h1-h6 в sw-text-editor с помощью настраиваемых классов, например, «.headline-1»?

const { Component } = Shopware;

Component.override('sw-text-editor', {

    props: {
        buttonConfig: {
            type: Array,
            required: false,
            default() {
                return [
                    {
                        type: 'paragraph',
                        title: this.$tc('sw-text-editor-toolbar.title.format'),
                        icon: 'default-text-editor-style',
                        children: [
                            ...
                            {
                                type: 'formatBlock',
                                name: this.$tc('sw-text-editor-toolbar.title.h1'),
                                value: 'h1',
                                tag: 'h1'
                            },
                            ...
                        ]
                    },
                    ...
                ];
            }
        }
    }
});

Есть идеи, как я могу добавить настраиваемые теги заголовков с указанием классов c css. Может быть примерно так:

{
   type: 'formatBlock',
   name: this.$tc('sw-text-editor-toolbar.title.h1'),
   value: 'h1',
   tag: 'h1',

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