将自定义块添加到HTMLEditorField

时间:2019-05-17 00:51:06

标签: silverstripe

我想在HTML编辑器字段中添加创建'div'的选项。

如何在格式下拉列表中添加一个选项,以创建具有特定类的div?

我已使用editor.css中的这段代码将样式成功添加到样式下拉列表中

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

我正在使用silverstripe 3,希望能够将自己的选项添加到格式下拉列表中以创建各种元素。

1 个答案:

答案 0 :(得分:1)

在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选项中进行更改。

这是一个方便的模块,其中显示了一些示例,这些示例说明了如何在SilverStripe 3中更改HTMLEditorFieldhttps://github.com/jonom/silverstripe-tinytidy/blob/master/_config.php