我的网站上嵌入了一个Ace编辑器,我允许用户输入它。目前,内置函数会自动显示每行插入的行号:
我有办法手动设置装订线中的内容并稍后读取其中的值吗? 例如:而不是将其设置为1,2,3 ...我希望它看起来像
A abc
B def
然后当我访问包含“abc”的行时,我想读取该行中“A”的阴沟中的值。
要为Ace Editor自定义装订线,您必须覆盖“更新”功能:
ace.require("ace/layer/my_gutter")
//...
define('ace/layer/my_gutter', ['require', 'exports', 'ace/lib/dom'], function(require, exports, module) {
var dom = require("ace/lib/dom");
require("ace/layer/gutter").Gutter.prototype.update = update =
function(config) {
//...
};
});
对于我需要的这个小改动,这个功能很长很复杂。所以,我没跟上它。
我找到了另一个编辑器CodeMirror,它提供了一种更简单的方法来切换到CodeMirror。
答案 0 :(得分:7)
您可以使用
为装订线设置自定义渲染器editor.session.gutterRenderer = {
getWidth: function(session, lastLineNumber, config) {
return lastLineNumber.toString().length * config.characterWidth;
},
getText: function(session, row) {
return String.fromCharCode(row + 65);
}
};