javascript - 如何自定义 TinyMCE 按钮输出

Question

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

Answer 1

设置“缩进”可让您配置数量。2014 年 1 月添加了“indent_use_margin”选项，让您切换 css 属性：https ://github.com/tinymce/tinymce/pull/290

我之所以需要这个，是因为我们使用 TinyMCE 让用户编辑 HTML 电子邮件，而电子邮件客户端（尤其是 Outlook）因 CSS 支持不完善而臭名昭著。

例子：

    tinymce.init({
        indent_use_margin: true,
        indentation: 20,

Answer 2

我不确定是否可以不侵入 tinyMCE 代码。一种选择可能是使用自定义样式，如下所示：http ://www.tinymce.com/wiki.php/Configuration:style_formats

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

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