quill 富文本编辑器 当粘贴的时候会滚动到顶部,怎么解决?
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>quill</title>
<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
</head>
<body>
<!-- Create the editor container -->
<div id="editor">
<p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p>
<p><br></p>
</div>
<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<!-- Initialize Quill editor -->
<script>
var quill = new Quill('#editor', {
theme: 'snow'
});
</script>
</body>
</html>`
以上是demo,粘贴第二次的时候会跳到顶部,有什么好的解决办法吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(6)
我也想知道怎么弄
焦点丢失导致的 粘贴完以后将焦点设置到最后 具体事件忘了看看文档找找看看
昨天搞了小半天,今天早上来到解了,给编辑器设置一个max-height:600px;样式即可,具体高度自己定,完美解决
将下面代码复制到你用的Quill的页面
你好, 这个问题你有解决吗?
我测试使用
光标会自动移到复制文本最前,这样不友好。请问还有其他办法吗
我这边目前处理办法是在"selection-change"事件中把$(window).scrollTop()存储到localStorage,然后再.quill.root.addEventListener(