ace-editor - 如何在 Ace Editor 的装订线中添加自定义错误？

Question

我正在使用 react-ace 编写自定义 JS 编辑器。当用户尝试从我指定的列表中导入模块以外的模块时，我想在装订线中引发自定义错误。我该怎么做呢？我尝试过扩展自定义模式，但这似乎只自定义语法突出显示，我已经在 ESLint 附近达到顶峰，但不确定这是否是正确的路径。请帮助我很迷茫。

标签： ace-editor

Answer 1

要从编辑器中获取数据，请使用getValue ()，然后扫描字符串以查找您不想看到的模块，然后使用相同的行号和列号并使用setAnnotations显示错误

editor.getSession().setAnnotations([{
  row: 1,
  column: 0,
  text: "Error Message", 
  type: "error" //This would give a red x on the gutter
}]);