支持 HTML5 的 jQuery WYSIWYG 编辑器插件？

Question

在网上浏览了一段时间后，我似乎找不到任何支持 html5 格式的 jQuery 所见即所得编辑器。几乎每个插件都使用<font font-size="x">text</font> 或<big>text</big>。

HTML5 不支持这两者。所以我想请问是否有人知道任何使用<style> 标记来格式化事物的所见即所得编辑器。

我真的很喜欢 CLEditor，但又是 <font> 标记格式，或者也许有人可以编辑 CLEditor 的原始代码以改用 <span style="font-size:XXpx">。

编辑：即使有一些轻量级的独立 javascript 所见即所得，我实际上也不会使用 jQuery。

谢谢。

Answer 1

CKEditor 允许配置其样式功能。例如：

config.coreStyles_bold = { element : 'span', attributes : {'style': 'font-weight:bold'} };

这样，您可以覆盖可能使用不需要的font 标签的默认浏览器行为，以及像strong 这样的语义标签或像b 这样的皱眉（但合法）样式标签。它还允许对自定义样式以及您选择的任何属性（如class）进行类似配置。

另一种方法是，如果您没有找到具有您想要的清理级别的编辑器，则可以更宽容地使用客户端编辑器，使用翻译器/白名单清理器* 处理输入服务器。

* 例如，HTMLPurifier (PHP)。我已经和CKEditor一起使用过，我很满意。