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

【问题标题】：scroll to specific content in TinyMCE editor滚动到 TinyMCE 编辑器中的特定内容
【发布时间】：2013-06-13 09:36:07
【问题描述】：

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

这样，特定内容被选中，但光标不滚动到该内容。

任何想法..

【问题讨论】：

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

【解决方案1】：

这是可能的。

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

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

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

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

【讨论】：

第一个版本不行，只好改成这样：$(tinymce.activeEditor.getDoc()).find('HTML).animate(....

【解决方案2】：

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

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

【讨论】：