2017-04-22 6 views
0

Webix 응용 프로그램에서 JavaScript를 작성하기 위해 codemirror-editor를 임베드했습니다. 브라우저의 Ctrl + F 또는 다른 방법을 사용하여 검색 할 때 찾은 강조 표시된 패턴의 위치를 ​​스크롤하는 방법이 있습니까?webix 응용 프로그램의 codemirror 편집기에서 찾은 강조 표시된 패턴의 위치까지 아래로 스크롤하는 방법

cm.scrollIntoView(what: {line, ch}|{left, top, right, bottom}|{from, to}|null, ?margin: number) 
:

나는 http://codemirror.net/doc/manual.html#addon_search

에서에-line.js-이동도에 대한이 달성하는 방법은 아래 (cm 것은 codemirror 참조입니다)/추가 기능에 대한 검색에 대해 알게

그러나 사용 방법은 확실하지 않습니다. 지금까지 작성한 코드 스 니펫을 스 니펫 링크와 함께 포함합니다.

발췌문 링크 : 코드는 아래에 포함되어 있습니다 http://webix.com/snippet/7acca905

: 그것에 관련된

webix.codebase = "http://cdn.webix.com/components/codemirror/"; 
var editor1 = { 
id: "editor1", 
view: "codemirror-editor", 
mode: "javascript", 
value: "", 
height: 200 
}; 

var editor2 = { 
id: "editor2", 
view: "codemirror-editor", 
mode: "javascript", 
value: "", 
height: 200 

}; 

var ed1 = {id:"editor1", value: "Editor-I" }; 
var ed2 = {id:"editor2", value: "Editor-II" }; 

var op = [ed1, ed2]; 

var views = { 
animate: false, 
cells: [ 
editor1, editor2 
] 
}; 

webix.ui({ 
    container: "mydiv", 
    rows: [ 
    {view: "tabbar", 
    id: "tabview", 
    options:op, 
    multiview:{ keepViews:true } 

    }, 
    views, 
{height: 300}, 

] 
}); 

HTML 부분 :

<script type="text/javascript" src="http://cdn.webix.com/components/codemirror/codemirror.js"></script> 
<div id = "mydiv" style="margin-top:30px;"></div> 

어떤 도움도 좋은 것입니다. 감사.

답변

1

당신은 불행하게도

var cm = $$("editor1").getEditor(); 

같은 codemirror 개체를 얻을 수 있습니다, 당신은 할 수 cdn.webix.com의 코드 거울의 버전이 오래된 것 같다 당신의 응답을 scrollIntoView의 API를

+0

감사를 지원하지 않습니다 이 코드를 어디서 어떻게 사용해야합니까? –