Question

我正在寻找创建WYSIWYG编辑器，使用jQuery作为框架，我可以使用不同的方法来简化生产。

我现在确实有一个工作编辑，它运作良好。我使用iFrame，并将它的designMode设置为on并从那里开始。然而，有一些事情在唠叨我。

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

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

...现在工作正常：它在iFrame中正确显示更改。但是，当我实际查看代码时（我将iFrame中的任何代码复制到隐藏的输入然后POST它）它会生成

<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的来源。