javascript - 使用 execCommand 的跨浏览器强/em 插入

Question

使用contentEditable 功能和execCommand，可以编辑/格式化页面某些部分的内容，就像在所有所见即所得网络编辑器中使用的一样。然而，有许多浏览器与此类功能的实现不一致，导致此类网络编辑器手动处理它们。

在我的例子中，IE 使用 strong 和 em 元素作为 Bold 和 Italic 命令，这是正是我想要的，因为我追求的是语义 strong 和 em，而不是 b、i< 的视觉风格/em> 和/或样式化的 span。但是，其他浏览器使用这些视觉样式元素，并且不提供设置 strong 或 em 元素的方法。

有没有一种方法可以在所有浏览器中使用 strong 和 em？我不介意添加新的命令来处理这样的事情，只要它能达到与 IE 类似的结果即可。此外，如果能够将它们应用于相交的内联/ block 元素而不破坏浏览器(或至少以相同的方式破坏它们)，那将是很好。是的，我可以使用其他一些编辑器，但我只对这个功能感兴趣。如果有任何帮助，我将不胜感激。

谢谢

Answer 1

我很清楚你的意思，因为我刚刚遇到了同样的问题。通过在这里非常努力地搜索，我认为有帮助(StackOverflow 中的链接):

Using contentEditable in Firefox: 'bold' renders correctly, but html code is incorrect

要在这里看到它，它说，在 execCommand('bold') 之前添加以下行:

document.execCommand('StyleWithCSS', false, false);

我尝试并修复了它，在 Firefox 13.0.1 中插入了一个(在此之前，FF 插入了“font-weight:bold”)。我现在很兴奋。