使用 document.execCommand('insertHTML',

Question

我正在开发一个丰富的内容编辑器。配置设置为添加<p>标签作为段落分隔符：document.execCommand('defaultParagraphSeparator', false, "p");我必须插入特殊<span contenteditable='false'>部分：document.execCommand('insertHTML', false, "<span contenteditable='false'>...</span>");插入未按预期完成。我预计 ：<p>something <span>...</span></p>我有 ：<p>something </p> <span>...</span>我无法弄清楚为什么span标签没有插入p标签中。任何的想法？

Answer 1

execCommand在不同的浏览器中存在不一致和错误的历史。如今，execCommand已过时：

此功能已过时。尽管它在某些浏览器中可能仍然有效，但不鼓励使用它，因为它可能随时被删除。尽量避免使用它。

来源：https ://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

我建议您阅读此页面以了解最佳替代方案：https ://medium.com/@jitubutwal144/three-different-ways-to-build-inline-content-editor-using-javascrpit-d58c2edac9cb