monaco-editor 高亮指定行
时间: 2023-09-15 16:17:58 浏览: 605
Qml实现的文本显示框(可指定某行高亮)
可以使用monaco-editor的setModelMarkers方法来实现高亮指定行,示例代码如下:
```javascript
var model = monaco.editor.createModel(
'function hello() {\n console.log("Hello, Monaco!");\n}',
'javascript'
);
monaco.editor.create(document.getElementById('container'), {
model: model
});
monaco.editor.setModelMarkers(model, 'highlight', [{
startLineNumber: 2,
endLineNumber: 2,
startColumn: 1,
endColumn: 100,
message: 'This line is highlighted.',
severity: monaco.Severity.Info
}]);
```
其中,setModelMarkers方法的第一个参数是要高亮的model,第二个参数是高亮的标记类型,第三个参数是一个marker数组,表示要高亮的位置和信息。这里我们选择定义“highlight”类型的marker,其余类型可以参考monaco.Severity枚举。
阅读全文