jquery - 滚动到 TinyMCE 编辑器中的特定内容

Question

我正在使用带有 ASP.NET 和 MVC3 的 TinyMCE 编辑器插件。

我想滚动到 html 中的特定 DIV 内容。我怎样才能做到这一点。

 var ed = tinymce.editors[0];
        var $marker = $(ed.getBody()).find('#Content_500');
        tinymce.activeEditor.selection.select($marker.get(0)).focus();

这样，选择了特定的内容，但光标不会滚动到该内容。

有任何想法吗..

Answer 1

这个有可能。

要在 tinymce 编辑器或 iframe 中滚动，您可以使用以下命令

$(tinymce.activeEditor.getBody()).animate({ scrollTop: 300 }, { duration: 'medium', easing: 'swing' });

要滚动到指定元素，您可以使用

$(tinymce.activeEditor.getBody()).find('#content_500').get(0).scrollIntoView();

Answer 2

使用 TinyMCE 5+，这将起作用：

tinymce.activeEditor.getWin().scrollTo(0, 0); // Scroll to top