当存在滚动条时,如何确保以编程方式选择的文本在 Quill 中可见
How to ensure programmatically selected text is visible in Quill when scrollbars present
我在固定高度 div 内安装了 Quill,这样我就可以在页面上与其他 divs/panels 一起显示 Quill。因此,一旦文本足够长,Quill div 就会有滚动条。
为了响应其他面板中的某些用户操作,我使用了 Quill.prototype.setSelection
(http://quilljs.com/docs/api/#quillprototypesetselection),当整个文本足够短以至于整个文档都可见时效果很好。但是我如何确保对于较长的文档我也滚动到文档的相关部分以便选择可见?
谢谢!
您可以使用quill.getBounds()
检索选择区域的边界并设置滚动高度。例如
quill.setSelection(10, 20);
var bounds = quill.getBounds(10, 20);
quill.container.scrollTop = bounds.top;
我在固定高度 div 内安装了 Quill,这样我就可以在页面上与其他 divs/panels 一起显示 Quill。因此,一旦文本足够长,Quill div 就会有滚动条。
为了响应其他面板中的某些用户操作,我使用了 Quill.prototype.setSelection
(http://quilljs.com/docs/api/#quillprototypesetselection),当整个文本足够短以至于整个文档都可见时效果很好。但是我如何确保对于较长的文档我也滚动到文档的相关部分以便选择可见?
谢谢!
您可以使用quill.getBounds()
检索选择区域的边界并设置滚动高度。例如
quill.setSelection(10, 20);
var bounds = quill.getBounds(10, 20);
quill.container.scrollTop = bounds.top;