Javascript 在一个页面上使用多个CodeMirror编辑器？

我正在写一个页面，其中有一些示例演示如何使用我的js库。我希望这些示例是可编辑和可运行的，所以我想我有以下选项：

• 用于在教程页面上显示代码，有一个按钮可打开一个带有编辑器的新窗口，您可以在其中运行代码（当前实现的解决方案）。或者，我可以使编辑器成为某种模态对话框

• 对页面上的每个示例使用多个CodeMirror编辑器（单个页面上最多可以有30个）。我不确定那些编辑有多“重”，所以我不确定这是否是个好主意

• 有一个编辑按钮，当需要编辑时，可以用CodeMirror编辑器“交换”经过预处理的代码，这样用户就可以编辑并运行示例，而不用担心新窗口的问题。我不确定是否可以使prettify和CodeMIrror的语法高亮显示看起来相同

---

我该怎么做，为什么要这样做？我也愿意接受关于不同代码编辑器或语法高亮器的建议，因此如果有人有这方面的经验，请告诉我你是如何做到的。

你可以使用Marijn Haverbeke（CodeMirror的创建者）在其javascript书的在线版本中使用的相同技术。它显示代码片段，并提供一个编辑按钮，用于在屏幕底部打开javascript控制台

---

好主意，我喜欢。谢谢他是如何实现这一点的？使用CodeMirror.fromTextArea（…）创建编辑器的多个实例？我想做一些类似的事情，但最终的结果是源代码没有缩小，而且在