如何向下滚动到Webix应用程序中CodeMirror编辑器中发现的图案的位置



在我的Webix应用程序中,我嵌入了一个CodeMirror-editor将JavaScript写入其中。当我使用浏览器的Ctrl F进行搜索或其他任何方式进行搜索时

我从http://codemirror.net/doc/manual.html#addon_search

了解了一个附加搜索/umpt-to-to-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>

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

您可以像

一样获得codemirror对象
var cm = $$("editor1").getEditor();

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

最新更新