具有设计模式的文本编辑器.如何强制设计模式使用 HTML 标记而不是跨度

Question

我用iframe和designMode构建了一个小型文本编辑器。（这是一个不是我 http://jsfiddle.net/Kxmaf/6/编码的示例。我在Stackoverflow上找到了它）。

如果我检索 iframe （ document.body.innerHTML ） 的内容，结果是这样的：<span style="font-weight: bold;">Test</span> Text <span style="font-style: italic;">Text</span> <span style="text-decoration: underline;">TT</span>

是否可以将设计模式设置为使用标签而不是带有样式属性的跨度？

任何帮助都非常感谢:)

Answer 1

在大多数浏览器（但不是 IE）中，您可以使用"StyleWithCSS"命令在样式模式之间切换，允许您在使用 <b> 和<i>等元素进行样式设置或使用具有样式属性的<span>元素进行样式设置之间进行选择。您可以使用"StyleWithCSS"命令执行此操作，在旧浏览器中回退到"UseCSS"。以下命令切换为使用非 CSS 版本：

try {
    if (!document.execCommand("StyleWithCSS", false, useCss)) {
        // The value required by UseCSS is the inverse of what you'd expect
        document.execCommand("UseCSS", false, !useCss);
    }
} catch (ex) {
    // IE doesn't recognise these commands and throws.
}