javascript - 如何让 w3schools 自己尝试编辑？

Question

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

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

标签： javascriptphpjqueryhtmlcss

Answer 1

W3C 使用 Codemirror：

http://codemirror.net/

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

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