Javascript 当文本区域中的每一行'；s处于可编辑模式

我在谷歌上搜索了一段时间，没有找到合理的东西，我试图实现的是类似的东西：

---

请注意，我使用的技术是angular、HTML5和css 3。我确实找到了一些jquery库/插件，但我想知道是否有一种方法可以使用我正在使用的技术堆栈来实现这一点，并避免使用jquery

您可以使用类似

演示：

var editor=ace.edit（“编辑器”）；
编辑：setTheme（“ace/theme/monokai”）；
editor.getSession（）.setMode（“ace/mode/javascript”）
#编辑器{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
}

功能foo（项目）{
var x=“所有这些都是语法突出显示的”；
返回x；
}
在谷歌搜索了一段时间后，我找到了一个名为的库，这是一个轻量级库，用于向纯文本区域添加IDE样式的行为，使编写代码更加有趣。我放了一把枪去看它的行动

您无法控制本机文本区域的显示方式。你应该自己实现一个假的，例如使用contenteditable div。或者使用现有的实现，比如。也许你可以显示两个文本区域粘在一起。第一个（左一个）显示行号，第二个（右一个）是用于编辑的普通文本区域