2017-04-22 2 views
0

私のWebixアプリケーションでは、JavaScriptを書き込むためのコードエディタを埋め込んでいます。ブラウザのCtrl + Fキーを使用して検索を行うとき、または他の方法で見つかったパターンとハイライトされたパターンの位置をスクロールする方法はありますか?webixアプリケーションのcodemirrorエディタで見つかった、強調表示されたパターンの位置までスクロールする方法

私は、アドオンの検索について/ http://codemirror.net/doc/manual.html#addon_search

からに-line.js-ジャンプしても、これを達成するには、以下の方法(CMが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

あなたは残念ながら

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

ようcodemirrorオブジェクトを取得することができ、あなたが、可能性がcdn.webix.comからコードミラーのバージョンが古くなっているようだとお返事のscrollIntoViewのAPIに

+0

感謝をサポートしていません。このコードをどこでどのように使用すればよいか少し詳しくお試しください。 –

関連する問題