javascript - 当文本区域处于可编辑模式时，如何为文本区域中的每一行添加数字前缀

Question

我在谷歌上搜索了一段时间，但没有找到合理的东西，而我想要实现的目标与此类似:

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

Answer 1

您可以使用像 ace 这样的库

演示:

var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/javascript");

#editor { 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.2/ace.js"></script>

<div id="editor">function foo(items) {
    var x = "All this is syntax highlighted";
    return x;
}</div>