Question

我正在尝试在CKEditor中设置超链接的样式。从<a data-cke-saved-href="..." href="...">Link</a>到<a data-cke-saved-href="..." href="..." style="color:[whatever was chosen with button]; text-decoration: inherit">Link</a>

看似简单，但我无法理解。

要使用CKeditor（v.4）的颜色按钮设置元素样式，我当然可以将其添加到config：

colorButton_foreStyle: {
  element: 'a',
  styles: { color: '#(color)', 'text-decoration': 'none' },
}

这适用于超链接，但是没有其他标签可以设置样式（如果不清楚原因，请询问）

我缺少超链接的其他配置吗？你会如何实现这一目标？我需要通过颜色按钮内联和控制样式，因为这是用于电子邮件模板工具。

感谢您的建议！

Answer 1

使用颜色按钮设置链接样式时，会得到如下代码：

<a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong"><span style="color:#d35400">Neil Armstrong</span></a>

正如您所看到的，链接不会被设置样式，但只有文本在其中。这是通过设计完成的 - https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/colorbutton/plugin.js#L226-L233。根据我进一步检查的内容，设置链接样式的唯一方法是通过Advanced Tab对话框中的Link。

CKEditor 4超链接样式

1 个答案: