在我的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