我正在编写一个页面，其中包含演示我的js库使用的示例。我希望这些示例可以编辑和运行，所以我认为我有这些选项：
使用prettify在教程页面上显示代码，有一个按钮可以使用编辑器打开一个新窗口，您可以在其中运行代码（当前实现的解决方案）。或者，我可以使编辑器成为某种形式的模态对话框。
为页面上的每个示例使用多个CodeMirror编辑器（单个页面上最多可以为30个）。我不确定那些编辑是多么“沉重”，所以我不确定这是不是一个好主意。
在需要编辑时，有一个编辑按钮可以使用CodeMirror编辑器“交换”漂亮的代码，这样用户就可以编辑和运行示例而无需担心新窗口。我不确定我是否可以使用美化和CodeMIrror的语法高亮显示相同。
关于我应该怎么做以及为什么的任何想法？我也对不同代码编辑器或语法荧光笔的建议持开放态度，所以如果有人有这方面的经验，请告诉我你是怎么做的。
答案 0 :(得分：4)
您可以使用与Marijn Haverbeke（CodeMirror的创建者）用于其javascript图书在线版本相同的技术。它显示了代码段，并提供了一个编辑按钮，可以在屏幕底部打开一个javascript控制台。