在Redactor编辑器中向<a>添加类的选项

Question

我将Redactor编辑器用作Pe​​rch的一部分。我想让编辑器能够（可选）将类添加"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',
    },
  },
}

不幸的是，根据官方文件：

formattingAdd 只能应用于块标签（p，pre，blockquote，div，header等）。

换句话说，由于<a>是内联元素（不是块元素），所以如果您尝试使用内置的Redactor功能创建选项，那么您似乎不走运。