如何在Silverstripe 4的HTMLEditorField内容编辑器中向元素添加CSS样式?

时间:2018-06-21 22:46:05

标签: silverstripe silverstripe-4

在SS 3.x中,我们可以使用以下代码通过HTMLEditorField下拉菜单将自定义元素添加到Styles内容编辑器中。我主要的用途是将标准链接转换为样式按钮链接。

我们如何在SS 4.x中实现这一目标?

这是在3.x版中完成的操作

_config.php

<?php
$formats = array(
    array(
        'title' => 'Buttons'
    ),
    array(
        'title' => 'Custom Button',
        'attributes' => array('class'=>'custom-btn'),
        'selector' => 'a'
    )
);
//Set the dropdown menu options
HtmlEditorConfig::get('cms')->setOption('style_formats',$formats);

1 个答案:

答案 0 :(得分:2)

您似乎需要做的就是创建一个editor.css文件,在其中放置样式,然后在您的mysite/_config.php文件中放入以下代码段。

use SilverStripe\Forms\HTMLEditor\TinyMCEConfig;

TinyMCEConfig::get('cms')
    ->addButtonsToLine(1, 'styleselect')
    ->setOption('importcss_append', true);

样式会自动添加到下拉菜单中。

参考:https://docs.silverstripe.org/en/4/developer_guides/customising_the_admin_interface/typography/#custom-style-dropdown