Question

我愿 s子强调十几个小小的密码,然后通过点击来与安执委会编辑编辑一道编辑,因为我认为这比为每个编辑设立全员要快得多。见。 a. 简单指挥:

<div id="editor">some text</div>
<script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
window.onload = function() {
    var editor = ace.edit("editor");
};
</script>

是否只有highlight,才有一条简单的方式。案文没有设立编辑? 理想的APIC将采用一些案文,并将超文本退回到可以用来强调的标签上。我知道有专门的新闻中心,以突出Java语的图书馆,但我想尝试使用同样的突出人物,对正在展示的文本和正在编辑的文字。

Answer 1

可见 href=“https://github.com/ajaxorg/ace/blob/master/demo/static-highlighter/server.js”的服务器辅助版本。

Answer 2

突出字句:

var range = new Range(rowStart, columnStart, rowEnd, columnEnd);
var marker = editor.getSession().addMarker(range,"ace_selected_word", "text");

删除突出字句:

editor.getSession().removeMarker(marker);

着重说明:

editor.getSession().addMarker(range,"ace_active_line","background");

Answer 3

我首先要宣布您的行号为全球变量。

var erroneousLine;

这一点很重要。负功能,以直线编号(lineNumber)作为其参数。可以通过错误信息或使用<代码>editor.selection.getCursor(.row,以获得目前行文或其他东西。

function highlightError(lineNumber) {
  unhighlightError();
  var Range = ace.require("ace/range").Range
  erroneousLine = editor.session.addMarker(new Range(lineNumber, 0, lineNumber, 144), "errorHighlight", "fullLine");
}

Notice that I have declared a errorHighlight, which is how this will be highlighted. In your css place the following:

.errorHighlight{
  position:absolute;
  z-index:20;
  background-color:#F4B9B7;
}

This function unhighlights the already highlighted line

function unhighlightError(){
  editor.getSession().removeMarker(erroneousLine);
}

Answer 4

想法:

function highlightSyntax(text) {
    var res = [];

    var Tokenizer = ace.require( ace/tokenizer ).Tokenizer;
    var Rules = ace.require( ace/mode/sql_highlight_rules ).SqlHighlightRules;
    var Text = ace.require( ace/layer/text ).Text;

    var tok = new Tokenizer(new Rules().getRules());
    var lines = text.split( 
 );

    lines.forEach(function(line) {
      var renderedTokens = [];
      var tokens = tok.getLineTokens(line);

      if (tokens && tokens.tokens.length) {
        new Text(document.createElement( div )).$renderSimpleLine(renderedTokens, tokens.tokens);
      }

      res.push( <div class="ace_line">  + renderedTokens.join(  ) +  </div> );
    });

    return  <div class="ace_editor ace-tomorrow"><div class="ace_layer" style="position: static;">  + res.join(  ) +  </div></div> ;
}

这一职能应当强调特定文本中的Syntax(代相传的主题),而不装上整个编辑,也不加特。

Answer 5

I think this is very late to answer, but I will still write in case it can help others.

我最后在文字方面创建了一个简单的功能,在范围上可以进行协调,以突出和充实:

highlighText(text: string) {
    const value = this.aceEditor.session.getValue();
    const startRow = value.substr(0, value.indexOf(text)).split(/
|
|
/).length - 1;
    const startCol = this.aceEditor.session.getLine(startRow).indexOf(text);
    const endRowOffset = text.split(/
|
|
/).length;
    const endRow = startRow + endRowOffset - 1;
    const endCollOffset = text.split(/
|
|
/)[endRowOffset - 1].length;
    const endCol = startCol + (endCollOffset > 1 ? endCollOffset + 1 : endCollOffset);
    const range = new ace.Range(startRow, startCol, endRow, endCol);

    this.aceEditor.session.selection.setRange(range);
    this.aceEditor.scrollToLine(startRow, true, true, () => {});
  }

友情链接