Html 如何使用“execCommand”（“insertorderedlist”）`？

我看到一些所见即所得编辑器使用

execCommand

将DOM插入div，例如：

execCommand（“insertorderedlist”）

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

document.execCommand("insertorderedlist");

但当我点击“RunJS”按钮时，它不会插入任何内容。我错过什么了吗

---

这是一个现场演示：

这是我修复的演示：

您需要一个属性设置为

true

的元素。此属性允许在此元素内进行编辑。所有的浏览器都支持它，但都很糟糕，有缺陷

---

第二部分是以正确的方式执行

document.execCommand

，这样选择就不会丢失。这就是为什么我添加了自己的按钮。我认为用JS运行

不起作用，因为它位于不同的帧中，因此在执行命令之前，选择丢失。
谢谢！我发现它只适用于FF，不适用于chrome/safari，你也是这样吗？对我来说，它适用于chrome和FF。也许这个版本工作得更好：-它通过监听
mousedown
防止焦点移动到按下的按钮。在chrome上，如果我先点击“RunwithJS”，它会工作得很好。我的chrome在OS X上。你确定要在“Foo”中设置选择吗？你必须在那里加一个插入符号。编辑：我想你是。。。那我就不知道了——它对我来说毫无问题。引用我自己的话：“所有浏览器都支持它，但都很糟糕，有缺陷”
execCommand（“insertorderedlist”）
command还插入字体和span标记以及一些字体样式。我怎样才能防止这种情况@赖因马尔