如何让w3schools自己尝试编辑？

Question

我想知道如何创建类似w3schools的东西尝试自己编辑

我从未见过其他网站上有这样的功能或教程/如何制作或如何在理论上制作。我需要创建类似的东西（在线html试用编辑器），但网站还需要在编辑输出部分时有相应更改代码的功能（有点像梦想织布工）。谢谢。

Answer 1

W3C使用Codemirror：

http://codemirror.net/

  

CodeMirror是一个用JavaScript浏览器实现的多功能文本编辑器。它专门用于编辑代码，并带有许多语言模式和插件，可实现更高级的编辑功能。

如果您想自己重建它，可以查看其github中的代码： https://github.com/codemirror/codemirror