如何优化ace编辑器替换功能?

时间:2016-11-06 20:27:55

标签: javascript ace-editor

我有一个电子应用程序,我正在使用ace编辑器。正如我在上一篇文章中所说,在我的应用程序中,我读取文件,检查内容,并标记可以翻译的行。一切正常。当用户翻译文本时,我将其保存在数据库中,因此,如果用户打开以前翻译过的某个文件,我会检查“翻译”文本并将这些行替换为实际翻译文本。一切都很好。但是,有些文件需要很长时间才能加载。

这是替换段代码:

    insertTranslateLines:function(trasnlate,linea,idMarker,inline,item){

        // console.log($this.__time($this.start),"ak",linea);
        var currentLine = $this.obtLinea(linea);
        trasnlateStr = trasnlate.trasnlate;
        if(inline || $this.lineaEnComillas(currentLine)){
            trasnlateStr = trasnlate.trasnlate.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 

            if(!inline){
                var endReemplazo= currentLine.lastIndexOf("\"");
                var startLine   = currentLine.indexOf("\"")+1;
                var partEnd     = startLine + trasnlateStr.length;
            }
            else{
                var texto       = currentLine.match($this.expresiones.cadenaTraducir2);
                var startLine   = currentLine.indexOf(texto[item])+1;//se suma uno para eliminar la comilla
                var partEnd     = startLine + trasnlateStr.length;
                var endReemplazo= startLine + texto[item].length-2;//se restan las comillas
                // texto = currentLine.split($this.expresiones.cadenaTraducirSplit);

            }               

            highLightRange  = $this.setRange(linea,startLine,linea,partEnd);
            replaceRange    = $this.setRange(linea,startLine,linea,endReemplazo);
            // $this.editorActual.session.replace(replaceRange,trasnlateStr);
        }else{
             replaceRange = $this.setRange(linea,0,linea,currentLine.length);
             highLightRange = $this.setRange(linea,0,linea,trasnlateStr.length);    
        }
        token = $this.editorActual.session.bgTokenizer.getTokens(linea,0);

        // $this.editorActual.session.replace(replaceRange,trasnlateStr);
        if(typeof highLightRange!='undefined'){
            $this
                .registerTrasnlate(idMarker,highLightRange);
            if(token[0].type!='comment')
            {
                $this.setMarker(idMarker,highLightRange);
            }


            return highLightRange;
        }else return false;



}

下面的代码,是我的javascript对象的一个​​方法。 $ this是(this(object scope))的别名。此方法获取已从原始文本翻译并替换的文本行。正如我之前所说,到目前为止一切正常,但这个过程需要花费很多时间。测试它,**我检测到下一行是问题:**

$this.editorActual.session.replace(replaceRange,trasnlateStr);

如您所见,此行位于代码的第一段,但“已注释”。如果我评论这一行,文件加载391毫秒。但如果我取消该行,则文件加载45000到60000毫秒(可能更多,时间因文件大小而异)。这些文件有1000到1800行。

“$ this.editorActual”是我的ace编辑器实例。我只找到了“session.replace”作为替换文本的方法,而且在没有这一行的情况下,我的应用程序无效。那么,我想知道是否有另一种最快的方式来替换这些线?想知道。还有另一种更换线路的最快方法吗?

1 个答案:

答案 0 :(得分:1)

replace很慢,因为它必须在撤消管理器中保留历史记录并创建事件。您可以在调用setValue或破坏会话

之前替换字符串上的翻译