Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 有没有一种方法可以将文本而不是图标类放在编辑器的空白处?_Angular_Monaco Editor_Ngx Monaco Editor - Fatal编程技术网

Angular 有没有一种方法可以将文本而不是图标类放在编辑器的空白处?

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

我知道如何将glyphMarginClassName、linesDecorationsClassName和inlineClassName添加到编辑器的选项中。但是有没有办法在页边空白处添加字母字符呢?像这样:


你能做到,是的。但是,不是使用动态文本,而是将::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;
}
这将导致此显示:


谢谢。我希望摩纳哥能提供一个界面,但使用“内容”属性可以完成任务。如果我的回答对你有帮助,请接受。如果你认为这是值得的,那么也要投票表决。