首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Ace Editor Angular Project中突出显示特定的行?

如何在Ace Editor Angular Project中突出显示特定的行?
EN

Stack Overflow用户
提问于 2018-08-04 17:38:20
回答 1查看 540关注 0票数 1

我无法在ace编辑器中突出显示特定的行。我没有找到任何相同的包裹。

app.component.css

代码语言:javascript
复制
.myMarker {
  position:absolute;
  background:rgba(100,200,100,0.5);
  z-index:20
}

app.component.html

代码语言:javascript
复制
<ace-editor #editor [text]="text" style="min-height: 200px; width:100%; overflow: auto;"></ace-editor>

app.component.ts

代码语言:javascript
复制
import { Component } from '@angular/core';
import{ViewChild} from '@angular/core'
import 'brace/theme/merbivore';
import 'brace/mode/golang';
import 'brace/ext/language_tools';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})


export class AppComponent {
    @ViewChild('editor') editor;
    text: string = " func main() {\n{\na := []float64{2, 3, 5, 7, 11, 13}\nmean := stat.Mean(a, nil)\nfmt.Println(mean)\n}";

    ngAfterViewInit() {

        this.editor.setTheme("merbivore");
        this.editor.setMode("golang");
        this.editor.getEditor().setOptions({
          enableLiveAutocompletion: true,
          enableBasicAutocompletion: true,
          enableSnippets: true,
        });
       var ace = require('brace');
    var Range = ace.acequire('ace/range').Range;
this.editor.getEditor().session.addMarker(new Range(2, 0, 0, 1), 'myMarker', 'fullLine', true);
        }
    }
EN

回答 1

Stack Overflow用户

发布于 2018-08-05 05:18:27

您可以编译一个类似于完成https://dmitri.shuralyov.com/blog/24的go linter to https://github.com/ajaxorg/ace脚本,并创建一个worker文件(我建议在ace存储库上打开问题,请求帮助worker part javascript ),或者您可以在服务器上运行linter。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51684327

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档