Javascript web应用程序的自定义编辑器

我正在开发一个音乐web应用程序，用户可以用英语编写脚本格式的音乐，然后转换成表格式的印度语，用户可以播放。目前它使用html“textarea”来编写脚本

所以为了简化textarea中的脚本编写，我想开发一个类似于源代码编辑器的文本编辑器，它将用特殊颜色标记一些单词、行号、突出显示所选行、给出建议

我想把所有这些功能都添加到html“textarea”中。我在谷歌上搜索了两个库，我可以修改它们以供使用

---

有没有其他解决方案或建议来实现这一点？

我建议（一个用JavaScript编写的可嵌入代码编辑器）。它有很多特性和功能，允许您在浏览器中编写自定义编辑器，您甚至可以使用nodewebkit在桌面应用程序中使用它

下面是演示：

---

？我建议使用codemirror，因为它很容易使用。我不知道editarea，但它似乎不太“完整”。似乎codemirror很容易使用。谢谢谢谢你的指导，我从GitHub下载了这个项目，但是上面说“你可以通过运行node Makefile.dryce.js来构建它”，但是我不知道如何构建它。我还想用它来代替textarea，它会把textarea转换成编辑器吗&我能通过document.getElementById（'textareaId'）.value访问它的内容吗，因为我的很多逻辑都是基于this@user3467180例如，首先需要在html文件中添加ace.min.js，并添加一个

div

，其

id

为“编辑器”，然后

var editor=ace.edit（“编辑器”），使用“editor.getSession（）.getValue（）；”可以获取内容。