2017-04-22 24 views
0

在我的Webix應用程序中,我嵌入了一個用於將JavaScript寫入其中的代碼鏡像編輯器。當我使用瀏覽器的Ctrl + F或任何其他方式進行搜索時,是否有辦法滾動到找到並突出顯示的模式的位置?如何向下滾動到webix應用程序中codemirror編輯器中找到並突出顯示的模式的位置

我來了解一個附加搜索/從http://codemirror.net/doc/manual.html#addon_search

跳轉到line.js和也低於方式來實現這一目標約(釐米是codemirror參考):

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

但是,不太清楚如何使用它們。我包含了我在下面的代碼片段以及它的片段鏈接。

片段鏈接: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

你可以得到codemirror對象像

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

不幸的是,它似乎從cdn.webix.com代碼鏡的版本是過時的和不支持scrollIntoView API

+0

感謝您的回覆,你可能請詳細說明我們在哪裏以及如何使用此代碼? –

相關問題