html - 如何使用 `execCommand("insertoredlist")`？

Question

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

我试着写了一个demo，但是运行不了。代码很简单:

document.execCommand("insertorderedlist");

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

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

Answer 1

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

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

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