更改RTE内部的类和样式属性(designMode打开）

Changing class and style attributes inside a RTE (designMode on)

本文关键字：属性 designMode 打开 样式 RTE 内部 更改      更新时间：2023-09-26

我正在使用CLEditor在我的Web应用程序中自定义富文本编辑器。对于更改字体和字体大小，我更喜欢使用比默认execCommand更精细的控件，尤其是对于字体大小，因为据我所知，它只是将其设置为旧的HTML属性（1-7，而不是14pt或类似的属性）。所以我想我可以设置style属性，或者为CLEditor生成的iframe中的标签添加一个类。然而，我似乎找不到我需要什么命令来做到这一点。

所以我希望能够做这样的事情（使用jQuery来帮助）：

$("#fontSelector").change(function() {
    editor.execCommand("style", "font-family: " + $(this).val() + ";");
});

我想这可能需要将所选文本包装在一个跨度或其他内容中，然后设置样式属性。如果有一种方法可以使用jQuery的addClass或css方法，那就更好了。

document.execCommand()没有一个命令标识符可以做到这一点。为了处理CSS类的情况，您可以使用我的Rangy库的CSS类应用程序模块。

相关文章：