我看到一些所见即所得的编辑器使用execCommand将DOM插入div中,例如:execCommand("insertorderedlist")

我试图编写一个演示,但无法运行。代码很简单:

document.execCommand("insertorderedlist");

但是,当我单击“运行JS”按钮时,它不会插入任何内容。我想念什么吗?

这是一个现场演示:http://jsbin.com/olalaf/1/edit

最佳答案

这是我修复的演示:http://jsbin.com/olalaf/2/edit

您需要将 contenteditable 属性设置为true的元素。使用此属性可以在此元素内进行编辑。所有的浏览器都支持它,但是它的方式很差劲。

第二部分是以适当的方式执行document.execCommand,因此选择不会丢失。这就是为什么我添加了自己的按钮。我认为Run with JS不起作用,因为它在不同的框架中,因此在执行命令之前选择就丢失了。

关于html - 如何使用 `execCommand("insertorderedlist“)`?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17752320/

10-12 15:19