Angular 有没有一种方法可以将文本而不是图标类放在编辑器的空白处?
我知道如何将glyphMarginClassName、linesDecorationsClassName和inlineClassName添加到编辑器的选项中。但是有没有办法在页边空白处添加字母字符呢?像这样:Angular 有没有一种方法可以将文本而不是图标类放在编辑器的空白处?,angular,monaco-editor,ngx-monaco-editor,Angular,Monaco Editor,Ngx Monaco Editor,我知道如何将glyphMarginClassName、linesDecorationsClassName和inlineClassName添加到编辑器的选项中。但是有没有办法在页边空白处添加字母字符呢?像这样: 你能做到,是的。但是,不是使用动态文本,而是将::before或::after元素附加到该边距节点 首先,在以下行中设置自定义CSS类名: let id=this.backend.deltaDecorations(sourceid[{ 范围:新范围(this.startLine,1,thi
你能做到,是的。但是,不是使用动态文本,而是将::before或::after元素附加到该边距节点 首先,在以下行中设置自定义CSS类名:
let id=this.backend.deltaDecorations(sourceid[{
范围:新范围(this.startLine,1,this.startLine,model.getLineLength(this.startLine)),
选项:{
粘性:摩纳哥。跟踪范围粘性。仅在以前增长,
isWholeLine:错,
linesDecorationsClassName:`editorPromptFirst.${this.language}`,
},
}]);
在CSS中添加如下文本:
.codeditor.editorPromptFirst.sql::before,
.codeEditor.editorPromptFirst.mysql::before{
内容:“sql>”;
显示:块;
左边距:4倍;
字体大小:0.9rem;
颜色:#db8f00;
}
这将导致此显示:
谢谢。我希望摩纳哥能提供一个界面,但使用“内容”属性可以完成任务。如果我的回答对你有帮助,请接受。如果你认为这是值得的,那么也要投票表决。