Codemirror - 如何在浏览器中编写自己的代码编辑器

Question

我需要在浏览器中编写自己的code editor。我发现CodeMirror但我不明白该怎么做。我需要简单的代码。

我可以使用textarea或其他内容吗？ （例如内容可编辑）。如何下划线，着色，自动完成代码？

请给我一些建议。我将非常感激。

我读过O'Reilly，Douglas Crockford的一本关于JS的书，所以我有一些基础知识。

Answer 1

检查代码编辑器示例页面后面的html。使用WebKit（Safari / Chrome）“检查元素”。

正如你所看到的，textarea上有一个大的div来保存单独的字符串，所以用户只是得到了他在textarea中输入的“幻觉”。 textarea仍在那里，但它不是你真正看到的。

如果你想要语法着色，你需要对字符串进行字典分析，这通常由输出标记的词法分析器完成。这些令牌被一个进程捕获，该进程将它们收集在具有f.i的单个div中。相同的文字颜色。那个div覆盖了textarea。

如果你想深入研究代码，你还需要进行语义分析和大量咖啡来编程所有这些。

祝你好运，你知道你正在接受一些大事吗？你为什么要重新发明这个，它已经被其他人完美地完成了。

Answer 2

如果您还没有，可能需要查看tinyMCE。