javascript - 富文本编辑器，粗体文本使用 strong 标签

Question

我正在开发一个非常非常简单的富文本编辑器。我读过有关将 designMode = 'On' 应用于 iframe 的信息，然后我使用它来创建粗体文本:

nameOfiframe.document.execCommand('bold',false,null);

即使有效，execCommand() 使用 b 标签而不是 strong 来制作粗体文本。我看了一些高级富文本编辑器，它们都使用 strong 而不是 b 标签。

有没有简单的方法可以解决这个问题？还是 execCommand() 根本不好用？

谢谢!

Answer 1

不幸的是document.execCommand()行为因浏览器而异。正如@1UnitedPower 的回答所述，document.execCommand()用于表现而非语义效果。

两个可能的选择是:

1. 编写您自己的代码来实现大胆的样式。不幸的是，正确地做到这一点并非易事。你可以看看主要的所见即所得编辑器，如 CKEditor 和 TinyMCE 是如何做到的。
2. 运行一些代码来转换<b>元素转化为<strong>调用后的元素 document.execCommand() .这似乎是更容易的选择。如果这对您很重要，您将需要一些方法在进行转换时保留选择。