javascript - 带有 designMode 的文本编辑器。如何强制 designMode 使用 HTML 标签而不是 span

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>

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

任何帮助深表感谢 ：）

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.
}