私の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>
すべてのヘルプは素晴らしいことです。ありがとう。
感謝をサポートしていません。このコードをどこでどのように使用すればよいか少し詳しくお試しください。 –