monaco-editor笔记

秦羽 2022-01-11 PM 257℃ 1条

### 编辑器指定行高亮

```javascript
 this.editor.deltaDecorations(
        this.editor.getModel().getAllDecorations(),
        [{
            range: new monaco.Range(
              conflictBlock.right_start,
              0,
              conflictBlock.right_end,
              0
            ),
            options: {
              isWholeLine: true,
              className: 'rightLineDecoration',
              marginClassName: 'rightLineDecoration'
            }
          }]
      )
```

```css
.rightLineDecoration {
  background-color: red;
}
```

### 清除编辑器行高亮样式

```
let ids = [];
let decorations = this.editor.getModel().getAllDecorations();
for (let decoration of decorations) {
	if (
		decoration &&
		decoration.options &&
		decoration.options.className === "code-light-line"
	) {
		ids.push(decoration.id);
	}
}
if (ids && ids.length) {
	this.editor.deltaDecorations(ids, []);
}
```

- 参考
https://github.com/microsoft/monaco-editor/issues/1529
https://blog.csdn.net/gao_grace/article/details/88890895

### 隐藏光标

```css
.monaco-editor .cursors-layer > .cursor {
	display: none !important;
}
```

- 参考：https://github.com/microsoft/monaco-editor/issues/2100

### 设置焦点

```javascript
this.editor.focus()
```

- 参考：https://github.com/atularen/ngx-monaco-editor/issues/110

### 设置焦点到末尾

```javascript
let lineNumber = this.editor.getModel().getLineCount();
let column = this.editor.getModel().getLineMaxColumn(lineNumber);
this.editor.setPosition({
	column: column,
	lineNumber: lineNumber,
});
```

标签: monaco-editor

非特殊说明，本博所有文章均为博主原创。

如若转载，请注明出处：https://www.qinyu.cc/archives/139.html

上一篇 monaco-editor编辑器使用jsonrpc-ws-proxy和python-language-server实现python代码提示功能

下一篇 jsplumb清空所有节点和连线

monaco-editor笔记

评论啦~

唉呀 ~ 仅有一条评论

栏目分类

标签云

友情链接申请

monaco-editor笔记

 评论啦~

唉呀 ~ 仅有一条评论

 栏目分类

标签云

友情链接申请

评论啦~

栏目分类

标签云

友情链接申请