Javascript 粘贴HTML之前的document.execCommand不起作用

我正在开发一个富文本编辑器。下面是一个示例代码来演示它

如果我在粘贴HTML之前插入了document.execCommand（'bold'，false，null），以插入一些文本，则该命令无效。我想发送命令'bold'，然后插入一些带有粘贴HTML的特殊文本，并使该文本加粗

我使用粗体作为示例，但可以是任何execCommand

---

有什么帮助吗？

我认为您最好创建一个span或div，并将其样式设置为粗体或任何您想要的样式，然后插入它。浏览器的差异意味着它会变得非常混乱。这里有一个例子来说明我的意思：

---

请看：我目前无法在iPhone上测试它，但它在webkit中得到支持至少有一段时间了，所以它应该可以工作。

我要找的不太可能。我有很多样式（粗体、斜体、下划线…）的按钮，我使用它们将格式应用于我的可编辑div。键盘键可以让一切正常工作，但如果我有一个按钮可以插入文本“xpto”，它会插入文本，但不会保持插入前插入符号的样式。如果我正在写一个加粗的文本，当我点击“xpto”按钮时，它会插入“xpto”，但不是加粗的。。。。。我只在狩猎时需要它，因为它是用来工作的iphone@PSF啊，我明白了。我的编辑更像你说的吗？如果是这样的话，它需要在iPhone上进行测试！我试过使用document.execCommand（'insertHtml'，false，html）；但从未记住document.execCommand（'insertText'，false，html）；

function pasteBoldHtmlAtCaret(html) {
    pasteHtmlAtCaret('<span style="font-weight: bold;">' + html + '</span>');
}

function pasteTextWithStyle(html) {
    if (document.queryCommandEnabled('insertText')) {
        document.execCommand('insertText', false, html);
    } else {
        // TODO: If the browser doesn't support insertText,
        // check current styles and manually apply them...
    }
}