在TinyMCE编辑器中滚动到特定内容

Question

我正在将TinyMCE编辑器插件与ASP.NET和MVC3一起使用。

我想滚动到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