单击在编辑器中打开 Javascript 代码

Open Javascript code in editor on click

我正在尝试创建一个交互式教程来学习 API。我一整天都在谷歌上搜索我的选择。我遇到了 ace、code mirror 等,但我不确定如何在我的案例中使用它们。 我想要做的是,当用户单击一个按钮时,链接到它的 javascript 代码应该在同一网页的编辑器中打开。这将帮助用户了解代码是如何工作的,并为他们提供修改和学习的空间。 我知道这不是一个建设性的问题,但任何帮助表示赞赏!谢谢!

你可以随便here how it is done

他们用淘汰赛 MVVM 制作了它,但你可以使用 angular 或任何你喜欢的东西。

我使用标签来存储我的代码,并使用 @georg 提到的 codemirror 的 setValue 属性 显示它。