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

时间:2013-06-13 09:36:07

标签: jquery asp.net-mvc-3 tinymce

我正在使用带有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();

使用此选项,将选择特定内容,但光标不会滚动到内容。

任何想法..

2 个答案:

答案 0 :(得分:8)

这是可能的。

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

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

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

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

答案 1 :(得分:0)

对于TinyMCE 5+,这将起作用:

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