Добавить пользовательский блок в HTMLEditorField - PullRequest
Новая
       13

Добавить пользовательский блок в HTMLEditorField

1 голос
/ 17 мая 2019

Я хочу добавить опцию для создания 'div' в поле редактора html.

Как добавить опцию в выпадающий список формата, который создаст div с определенным классом?

Я успешно добавил стиль в раскрывающийся список стилей с помощью этого кода в editor.css 

.responsive-table {
    overflow-x: scroll;
}

Я использую silverstripe 3 и хочу добавить свои собственные параметры в раскрывающийся список форматов всоздавать различные элементы.

1 Ответ

1 голос
/ 17 мая 2019

В SilverStripe 3 мы можем редактировать выпадающие элементы стиля в нашем HTMLEditorField, добавив следующее к нашему mysite/_config.php: 

HtmlEditorConfig::get('cms')->setOption('style_formats', [
    [
        'title' => 'Responsive table',
        'attributes' => ['class' => 'responsive-table'],
        'selector' => 'div',
    ],
]);

Приведенный выше код сделает в раскрывающемся списке стиля HTMLEditorField один элемент, параметр Responsive table, который можно применить к элементам div. Если мы предпочитаем, чтобы это применялось к table элементам, мы можем изменить это в опции selector.

Вот удобный модуль, который показывает примеры того, как мы можем вносить изменения в HTMLEditorField в SilverStripe 3: https://github.com/jonom/silverstripe-tinytidy/blob/master/_config.php

...