JavaScript document.execCommand() 自定义标签

Question

我发现了一些非常有趣的内容！execCommand函数提供了许多有用的功能。但是能否使用自己的包装方式进行操作？比如：

document.execCommand("styleWithCSS", false, "<span class='own-class'>");

我找到的所有相关信息都很旧......所以也许你们中的某个人知道一个好的解决方法或什么东西。

- YeppThat'sMe

---

将标签包裹在所选内容周围，然后使用“insertHTML”命令。 - dandavis

已经尝试过了，但没有得到结果。有什么链接或有用的东西吗？ - YeppThat'sMe

在Chrome浏览器中，使用document.execCommand("insertHTML", false, "<span class='own-class'>"+ document.getSelection()+"</span>");对我有效。 - dandavis

Answer 1

感谢dandavis。

以下方法非常有效：

document.execCommand("insertHTML", false, "<span class='own-class'>"+ document.getSelection()+"</span>");

- YeppThat'sMe

---

谢谢，非常好的问题和答案。 - Matthew

这非常有用！谢谢！ - pmrotule

@dandavis，但是这会从所选内容中删除所有现有的标签！ - Michael

潜在问题：这会从选定的文本中移除所有换行符。 - jobukkit