Ace 编辑器：自定义语法错误排水沟答案

【问题标题】：Ace editor: customizing syntax error gutterAce 编辑器：自定义语法错误排水沟
【发布时间】：2014-01-22 13:59:39
【问题描述】：

只是想知道，是否可以自定义语法错误排水沟？也可以突出显示有语法错误的文本吗？

例如下面我试图检查myString 的值与字符串“chetan”但没有引号。现在这是一个语法错误。目前我们在行号之前在装订线中显示错误。但是是否可以自定义 ace 编辑器提供内联高亮和更改颜色？

if myString==chetan:
  //do something
endif

【问题讨论】：

标签： ace-editor

【解决方案1】：

您可以像 cloud9 和 zed 一样添加下划线（参见 https://github.com/zedapp/zed/commit/59ae66c545db2ad92dc5efc1a069edd16960ebdd）或修改荧光笔标记，参见 https://groups.google.com/d/msg/ace-discuss/_PRUJ_HemNo/wvDf9FqwzhMJ

【讨论】：

【解决方案2】：

我发现有错误的行没有跨度，所以我做了以下操作：

if( editor.getValue() != "" && $('.ace_text-layer.ace_line:not(:has(span))')){
  $('.ace_line:not(:has(span))').css("background","#FCBEA5")
}else {
  $('.ace_line:not(:has(span))').css("background","#000000")
}

这有一些问题，例如它突出显示当前行。

【讨论】：

【解决方案3】：

要自定义排水沟，您可以使用它的 .ace_gutter 属性。现在假设如果你想改变排水沟的宽度，

.ace_gutter > .ace_layer {
    width: 20px !important;
}

这将帮助您通过覆盖当前的装订线宽度来更改装订线的宽度。同样，您也可以编辑其他属性。

【讨论】：