如何在javascript所见即所得编辑器中实现代码按钮

我尝试用javascript构建自己的所见即所得编辑器。 大多数按钮都非常简单（只要document.execCommand有commandId）

但是如何实现StackOverflow编辑器中的代码选项

我的尝试：

document.execCommand('formatBlock', '<pre><code>')

---

不幸的是，它不起作用。我做错了什么？

标签不在formatBlock支持的标签列表中。但是，您可以插入一个

`）

---

或者您可以自己实现该功能。正如其他人所指出的，

document.execCommand

，因此它可能是您最安全的选项，具体取决于您需要支持的浏览器。

document.execCommand

根据不同的浏览器而过时。“[…]不鼓励使用它，因为它可以随时删除。请尽量避免使用它。”谢谢您的回答。我没注意到。看起来也没有其他选择了，对吧？事实上，如果你不关心IE，有一种方法可以通过

insertHTML

实现，所以我会更新我的答案。