使用 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