如何使用` `execCommand("insertorderedlist")`？

Question

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

我试着写一个演示，但它不能运行。代码很简单：

document.execCommand("insertorderedlist");

但是当我点击"Run JS“按钮时，它没有插入任何东西。我错过什么了吗？

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

Answer 1

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

您需要一个将contenteditable属性设置为true的元素。此属性允许在此元素内进行编辑。所有的浏览器都支持它，但是以一种非常糟糕的、错误的方式。

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