Ckeditor 4 - 如何更改链接的颜色，包括下划线？

Question

当我尝试更改链接的颜色时（如can do on demo page所示），文本的颜色会发生变化，但下划线仍为蓝色。

有没有办法让Ckeditor也改变下划线的颜色？我想让Ckeditor默认更改下划线的颜色，而不会有任何来自用户的动作。

Answer 1

如果您双击该链接，将打开一个小弹出窗口，在那里您找到了高级选项（最后一个标签）

Inside Advance选项中有一个名为style的字段，您可以在那里提到color:red或text-decoration:none。

这将解决您的问题。

Answer 2

有一个名为text-decoration-color的属性：

示例：

p {
    text-decoration: underline;
    -moz-text-decoration-color: red; /* Code for Firefox */
    text-decoration-color: red;
}

但是！在当前浏览器中不支持： https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-color

Answer 3

我找到了解决方案。这是我的代码：

  editor = CKEDITOR.inline(editable_text_element)

  # This event called when text is updated in current editor.
  editor.on 'change', ->
    links = iframe().find('a')
    links.each () ->
      current_link = $(this)
      links_children = current_link.children()

    # Our case is when <a> has only 1 child and this is <span>
    if links_children.size() is 1
      child = links_children.first()
      child_color = child.css('color')
      current_link_color = current_link.css('color')

      current_link.css('color': child_color) if current_link_color isnt child_color

这不太理想，但它有效。我在文本发生变化时通过样式设置颜色。