在Ace编辑器中执行搜索时,荧光笔不会跳转到正确的结果

时间:2016-03-04 21:42:44

标签: javascript angularjs ace-editor

我正在使用ui-ace来显示和编辑一个大的xml文件。问题是当我执行搜索(在ace编辑器上使用Ctrl-F)时,如果文本不在屏幕上,页面没有跳转到匹配的文本。我需要向下滚动才能看到文本已被找到并突出显示。当文本在编辑器中不可见时,屏幕不会移动。如何解决这个问题,以便编辑器跳转到与Chrome浏览器的Ctrl-F类似的匹配文本?

如果我将minLine和maxLine设置为较小的值,我就没有这个问题。

这是我的示例代码http://plnkr.co/edit/ohc3lB?p=preview.

<div ui-ace="{
      useWrapMode : true,
      showGutter: true,
      theme:'dawn',
      mode: 'xml',
      firstLineNumber: 5,
      onLoad: aceLoaded,
      onChange: aceChanged
    }" ng-controller='MainCtrl'>
    ......
</div>

谢谢

1 个答案:

答案 0 :(得分:1)

当ace位于另一个可滚动视图中时,请使用autoScrollEditorIntoView选项,请参阅https://github.com/ajaxorg/ace/blob/v1.2.3/demo/autoresize.html#L52