我正在寻找创建一个所见即所得的编辑器,使用 jQuery 作为框架,我可以使用不同的方法来简化生产。
我现在确实有一个工作编辑器,它工作得很好。我使用 iFrame,并将其 designMode 设置为 on,然后从那里开始。然而,有几件事让我很烦。
以更改所选文本的字体系列为例。目前我正在使用这个:
editorDoc.execCommand('fontname', false, 'verdana');
…现在可以正常工作了:它在 iFrame 中正确显示了更改。但是,当我实际查看代码时(我将 iFrame 中的任何代码复制到隐藏的输入中,然后发布它)它会产生
<font class="Apple-style-span" face="verdana">aasdf</font>
我意识到 Apple-style-span 的第一类是 webkit 的东西,这没关系。困扰我的是整个使用<font>
.
研究 execCommand 看起来它不是标准,尽管大多数浏览器都支持它。虽然它很旧,所以我想知道是否有人听说过或知道产生相同效果的更好方法,希望有更语义化的代码产品。不限于 iFrame,而是能够使用 a<textarea>
代替也很棒。
非常感谢,加雷斯
编辑: contentEditable 可以帮助我实现不使用 iFrame 的目标吗?