javascript - execCommand 的替代品

Question

我想创建一个 WYSIWYG 编辑器，使用 jQuery 作为框架，从中我可以使用不同的方法来简化生产。

我现在确实有一个工作的编辑器，它运行良好。我使用 iFrame，并将其 designMode 设置为打开并从那里开始。然而，有几件事让我很烦恼。

以更改所选文本的字体系列为例。目前我正在使用这个:

editorDoc.execCommand('fontname', false, 'verdana');

…现在工作正常:它在 iFrame 中正确显示更改。然而，当我实际查看代码时(我将 iFrame 中的任何代码复制到一个隐藏的输入中，然后发布它)它会产生

<font class="Apple-style-span" face="verdana">aasdf</font>

我意识到 Apple-style-span 的第一类是 webkit 的东西，这无关紧要。困扰我的是<font>的全部使用.

研究 execCommand 看起来它不是一个标准，尽管大多数浏览器都支持它。虽然它 很旧，所以我想知道是否有人听说过或知道产生相同效果的更好方法，希望有更多语义代码产品。不局限于 iFrame，而是能够使用 <textarea> 也很棒。相反..

非常感谢，加雷思

编辑:contentEditable 能否帮助我实现不使用 iFrame 的目标？

Answer 1

您可以使用常用的 DOM 方法对 iframe 的 DOM 进行任何操作。如果您需要一些见解，请查看 TinyMCE 的源代码。