滚动到ckeditor的底部

Posted 2023-05-07

【中文标题】滚动到ckeditor的底部

【英文标题】：Scroll to the bottom of ckeditor

【发布时间】：2014-11-12 01:40:22

【问题描述】：

关于如何使用 javascript / jQuery 滚动到 ckeditor 编辑器底部的任何想法？

我什么都找不到。

我所有的搜索显示是：

document.getElementById("ID").contentWindow.scrollTo(0,3);

这给了我一个 contentWindow is undefined 的错误。

ckeditor 文本部分的类似乎是“cke_editable”。

对滚动到编辑器底部有帮助吗？

【参考方案1】：

访问编辑器并通过它获取可编辑区域，而不是直接获取 DOM 元素。像这样：

var editor = CKEDITOR.instances.editor1; 
var jqDocument = $(editor.document.$);
var documentHeight = jqDocument.height();
jqDocument.scrollTop(documentHeight);

这在演示中有效：http://ckeditor.com/demo（如果您在控制台中尝试，则需要var $ = jQuery;）。

请注意，您的编辑器可能未命名为“editor1” - 请使用适合您的名称。

【讨论】：

@user2921557 我编辑了示例以实际获取文档高度，现在它应该适用于动态大小的文档。我认为 999999 就足够了，并且/或者您可以随意设置它，但这种方式肯定更具动态性。