css - CKEditor 不将内联样式应用于链接

标签 css ckeditor inline-styles

我正在使用 ckeditor 版本 3 作为文本编辑器来创建要通过电子邮件发送的标记。这意味着我必须将所有样式都内联起来,任何需要样式化的东西都肯定需要应用样式。

我目前正在使用 addStylesSet生成可应用于元素的自定义样式。我遇到的问题是,虽然这适用于大多数元素,但样式似乎不适用于 <a> <ol> <ul><li>

我确实也需要能够将内联样式应用于这些元素。我一直在查看 ckeditor 网站上的示例,但即使它们似乎只是包装了一个 <span>围绕链接。

无论如何我可以将内联样式应用于 <a>标签或失败,我可以只给 ckeditor 一堆可以应用于任何标签的类(就像 TinyMCE 一样,它链接到外部 css 文件)?这样我至少可以对它们进行文本替换以使样式内联?

我没有在此处粘贴任何代码,因为它与在 ckeditor site 上所做的完全相同.

最佳答案

万一有同样问题的人看到我的问题,这就是我设法解决它的方法。

CKEDITOR.addStylesSet( 'my_styles',
[
    { name : 'Red', element : 'a', attributes : { 'style' : 'color:#f00;text-decoration:none;' } }
]);

CKEDITOR.config.stylesCombo_stylesSet = 'my_styles';

只需使用 attributes 而不是 style 来定义您的样式声明,然后将其指向样式组合框。

我猜想一想就很明显了:)

关于css - CKEditor 不将内联样式应用于链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3013210/

相关文章:

javascript - IE 中具有不同配置文件的多个 CKEDITOR 实例损坏

javascript - 在 React 中使用内联样式和使用 css-in-js 库(如样式组件)之间的实际区别是什么?

jQuery:删除内联 "display:none"

javascript - aref 链接在新窗口中打开

javascript - 避免 jQuery 代码重复

java - 有没有办法为 JavaFX 类提供一个新样式的类,然后正常访问该类中的所有其他对象?

javascript - 在使用 JavaScript/HTML 操作后保持文本文档的格式

html - 如何防止 CKEditor 剥离 < 和 >(大于/小于)

html - 内联样式属性的 CSS 选择器

css - 更改选择选项框的边框颜色