Javascript Ace编辑器能否在代码旁边显示标签?
我试图在Ace编辑器中显示有关代码行的一些信息。 因此,我想知道是否有可能在代码中不包含的行的旁边或上方添加信息标签 例如,在JavaScript文件中,我们可以有:Javascript Ace编辑器能否在代码旁边显示标签?,javascript,ace-editor,Javascript,Ace Editor,我试图在Ace编辑器中显示有关代码行的一些信息。 因此,我想知道是否有可能在代码中不包含的行的旁边或上方添加信息标签 例如,在JavaScript文件中,我们可以有: var x=“一些字符串”赋值表达式 为“赋值表达式”文本添加一些额外的样式; 但是,保存文本时,我不希望“赋值表达式”成为内容的一部分 我想知道这是否可行。是否可以使用CSS“after”psuedo类 类似于.ace_line.foo:after{content:'assignment expression';}?您可以用类名
var x=“一些字符串”代码>赋值表达式
为“赋值表达式”文本添加一些额外的样式;
但是,保存文本时,我不希望“赋值表达式”成为内容的一部分
我想知道这是否可行。是否可以使用CSS“after”psuedo类
类似于.ace_line.foo:after{content:'assignment expression';}
?您可以用类名标记不同的代码行,比如givevar x=“some string”代码>类“字符串赋值”
要用类标记文本,您可以创建自己的模式高亮灯,它继承您使用的任何语言。这是一个在c语言上扩展的示例#
这将使它标记所有与您添加的正则表达式匹配的代码
你选择的班级
在这种情况下,uit会找到字母,然后是空格或no、等号和更多字母。并给它两个类csharp和ace_赋值(ace加上ace_)
之后,您可以进入css并执行以下操作:在psuedo类或jquery查找之后。谢谢您的回答,但我希望执行更动态的操作,而不必定义规则,也不必定义另一个ace模块。与此同时,我用工具提示解决了这个问题。
ace.define("ace/mode/custom_highlight_rules", ["require", "exports", "module", "ace/lib/oop", "ace/mode/text_highlight_rules", "ace/mode/behaviour/xml", "ace/mode/behaviour/cstyle"], function (require, exports, module) {
"use strict";
var oop = require("../lib/oop");
var TextMode = require("../mode/text").Mode;
var Tokenizer = require("../tokenizer").Tokenizer;
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;
var CSharpHighlightRules = require("./csharp_highlight_rules").CSharpHighlightRules;
var Mode = function () {
this.$tokenizer = new Tokenizer(new CustomHighlightRules().getRules());
}
var CusomHighlightRules = function() {
this.embedRules(CSharpHighlightRules,
"", [
{
token: "csharp.assignment",
regex: "/[a-zA-A] *= *[a-zA-Z/
},
{
token: "csharp.methodcall",
regex: "/[a-zA-Z]+\(\)/
]);