在tinymce中添加一个选择类下拉菜单

时间:2015-06-24 作者:Johan Dahl

如何将具有预定义类名的下拉列表/选择添加到Wordpress wysiwyg(tinymce advanced)中,以放置在不同的元素上?

我想要的是:

添加一些文本或任何其他元素单击文本并单击下拉列表以选择要添加到该元素的类

1 个回复
最合适的回答,由SO网友:Karun 整理而成

要实现下拉样式,我们必须使用过滤器挂钩tiny_mce_before_init. 此过滤器允许开发人员访问TinyMCE设置数组。

以下示例将自定义样式选项添加到现有样式下拉列表中。

add_filter( \'tiny_mce_before_init\', \'my_mce_before_init\' );

function my_mce_before_init( $settings ) {

    $style_formats = array(                     
            array(
                    \'title\' => \'1/5 Block\',
                    \'block\' => \'div\',
                    \'classes\' => \'col-md-5\',
                    \'wrapper\' => true
            ),
            array(
                    \'title\' => \'Pull Left\',
                    \'block\' => \'div\',
                    \'classes\' => \'pull-left\',
                    \'wrapper\' => true
            ),
            array(
                    \'title\' => \'Button R\',
                    \'selector\' => \'a\',
                    \'classes\' => \'btn btn-default pull-right\'
            ),  
            array(
                    \'title\' => \'Text Center Green Button\',
                    \'selector\' => \'a\',
                    \'classes\' => \'btn btn-green center\'
            ),              
            array(
                    \'title\' => \'Clearfix\',
                    \'block\' => \'div\',
                    \'classes\' => \'clearfix\'
            ),
    );

    $settings[\'style_formats\'] = json_encode( $style_formats );

    return $settings;

} 
有关tinymce按钮及其用法和挂钩的更多信息,请访问here.

结束

相关推荐

如何向WYSIWYG编辑器添加自定义页面元素?

在无插件的Worpress安装中,WYSIWYG编辑器允许使用样式按钮(列表、字体、斜体、粗体、添加图片…)从上到下书写页面。我缺少的是定义自定义页面元素的可能性。示例:“添加图片”旁边的一个按钮,标记为“添加框”,可以添加一个带有标题和内容的框(设计是在模板代码的某个地方定义的)。因此,用户(没有HTML/CSS知识的内容编辑器)不仅可以使用格式化的文本和图片构建页面,还可以使用支持WYSIWYG的自定义内容元素(由主题开发人员我定义)构建页面。假设我从头开始写自己的主题,我该怎么做?