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

Question

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

我试图写一个演示，但它无法运行。代码很简单：

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不起作用，因为它位于不同的框架中，因此在执行命令之前选择会丢失。