如何自定义TinyMCE按钮输出

时间:2012-09-14 00:35:00

标签: javascript tinymce

我想更改缩进按钮的默认行为。默认情况下,缩进按钮会在段落标记中添加css样式padding-left: 30px;。我想将其更改为margin-left: 20px或任何数量。

2 个答案:

答案 0 :(得分:3)

设置'缩进'让您配置金额。 选项' indent_use_margin'是在2014年1月添加的,可让您切换css属性:https://github.com/tinymce/tinymce/pull/290

我之所以需要这个,是因为我们使用TinyMCE让用户编辑HTML电子邮件,而电子邮件客户端(特别是Outlook)因缺乏CSS支持而臭名昭着。

示例:

REM Author: Tom Fonteyne
REM
REM ==================================================================
REM If more then one service is needed, copy this file to another name
REM and use unique names for SHORTNAME, DISPLAYNAME, DESCRIPTION
REM ==================================================================
set SHORTNAME=Wildfly
set DISPLAYNAME="Wildfly"
set DESCRIPTION="Wildfly Application Server"
REM =======================================================

答案 1 :(得分:2)

我不确定是否可以在不侵入tinyMCE代码的情况下实现。一个选项可能是使用自定义样式,如下所示:http://www.tinymce.com/wiki.php/Configuration:style_formats

tinyMCE.init({
    ...
    style_formats : [
        {title : 'Indented text', inline : 'p', styles : {marginLeft : '20px'}}
    ]
});

然后应用样式而不是按缩进按钮。