Question

只是想知道，如果可以自定义语法错误装订线？还有可能突出显示语法错误的文本吗？

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

if myString==chetan:
  //do something
endif

Answer 1

您可以添加类似于cloud9和zed的下划线（请参阅https://github.com/zedapp/zed/commit/59ae66c545db2ad92dc5efc1a069edd16960ebdd）或修改荧光笔令牌，请参阅https://groups.google.com/d/msg/ace-discuss/_PRUJ_HemNo/wvDf9FqwzhMJ

Answer 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")
}

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

Answer 3

要自定义装订线，您可以围绕其.ace_gutter属性进行游戏。现在假设您想要更改装订线的宽度，

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

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

Ace编辑器：自定义语法错误装订线

3 个答案: