javascript - 在 Redactor 编辑器中将类添加到 的选项

Question

我正在使用 Redactor 编辑器作为 Perch 的一部分。我想让编辑器能够(可选地)添加 "button" 的类到任何 <a>他们添加的标签。这可以通过现有添加链接模式中的附加选项，或者可以是编辑器工具栏中的单独按钮。

关于实现此目标的最佳方法，是否有人提供任何指导？任何指点表示赞赏。

这是我当前的配置设置:

config.plugins = [];
config.buttons = ['format','bold','italic','deleted','link','lists'];
config.formatting = ['p', 'blockquote', 'h2', 'h3', 'h4'];

Answer 1

您可以使用 formattingAdd 为格式下拉列表创建一组自定义格式选项。这将允许您添加自己的 CSS 类。

formattingAdd: {
  'red-p-add': {
    title: 'Red Paragraph',
    api: 'module.block.format',
    args: {
      tag: 'p',
      class: 'red-styled',
    },
  },
}

不幸的是，根据Official Documentation :

formattingAdd can only be applied to block tags (p, pre, blockquote, div, heading, etc).

换句话说，自<a>是一个内联元素(不是 block 元素)，如果您尝试使用内置的 Redactor 功能创建一个选项，那么您似乎不太走运。