Question

我想知道是否可以为redactor添加自定义格式？我创建了一个自定义按钮，我可以更改文本的格式，但只能使用某些元素：

['p'，'blockquote'，'pre'，'h3'，'h4'，'h5']

但是，我无法添加以下任何内容：

['small'，'figcaption']

我按照Redactor文档设置了按钮，这是我正在调用的函数：

  var selected_html = $('#redactor_content').getSelected();
  $('#redactor_content').execCommand('formatblock', '<small>');

我也尝试在我的'formattingTags'数组中添加元素，但它似乎没有任何影响。

formattingTags：['p'，'blockquote'，'small'，'pre'，'h3'，'h4']

提前谢谢。

Answer 1

我想我已经明白了。

我在按钮功能中添加了以下内容：

var $selected_html = $('#redactor_content').getSelected();
$('#redactor_content').execCommand('inserthtml', '<small>' + $selected_html + '</small>');

但是，这并不完美，因为它不会替换父标记，您可以继续在元素中添加元素。

Answer 2

类似的东西：

redactorOptionsDefaults = {
    buttonsAdd: {},
    activeButtonsAdd: {},
    buttonsCustom: {}
};

redactorOptionsDefaults.buttonsCustom.small = {
    title: 'small Header',
    callback: function () {
        this.formatBlocks('small');
    }
}
redactorOptionsDefaults.activeButtonsAdd.small = 'small';

格式化块，选择块时根据需要突出显示按钮。但是在重复按钮单击时不要删除样式

如何向Redactor添加自定义格式

2 个答案: