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