在我的Webix应用程序中,我嵌入了一个代码镜像编辑器,以在其中编写JavaScript。当我使用浏览器的Ctrl + F或任何其他方式进行搜索时,是否可以滚动到找到并突出显示的图案的位置?

我从http://codemirror.net/doc/manual.html#addon_search得知了一个附加的search / jump-to-line.js

以及关于实现此目标的以下方法(cm是一个代码镜像参考):

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>


任何帮助都会很棒。谢谢。

最佳答案

你可以得到像Codemirror对象

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


不幸的是,似乎来自cdn.webix.com的代码镜像版本已过时,并且不支持scrollIntoView API

10-01 01:46