摩纳哥编辑器-使用警告/错误图标来减少错误定制

Question

我以前在项目中一直使用CodeMirror编辑器，但最近我决定切换到Monaco编辑器。

现在，我正在尝试为用户提供他们以前拥有的所有功能（+摩纳哥提供的其他功能），因此，我想向他们提供类似的方式来显示警告或错误。

是否可以通过在摩纳哥编辑器中使用图标来实现CodeMirror，如显示错误的方式？

Answer 1

好，我已经弄清楚了。

首先，我通过一些外部源得到了错误（我使用JSHINT）。 然后我修改装饰：

let newDecorations = errors.map(e => {
      return {
        range: new monaco.Range(e.startLineNumber, 1, e.startLineNumber, 1),
        options: {
          glyphMarginClassName: e.severity === monaco.Severity.Error ? 'errorIcon' : 'warningIcon',
          glyphMarginHoverMessage: {value: e.message}
        }
      }
    })

    this.decorations = this.editor.deltaDecorations(this.decorations, newDecorations)

errorIcon和warningIcon类：

 .warningIcon {
  display: block;
  background-image: url('../assets/icons/warningIcon.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.errorIcon {
  display: block;
  background-image: url('../assets/icons/errorIcon.png');
  background-size: contain;
  background-repeat: no-repeat;
}