vue-quill-editor 获取不到焦点

vue-quill-editor 获取不到焦点
按文档来写的

点击内容区域获取不到焦点
刚测试了一下 浏览器手机调试的时候获取不到焦点 但不是手机模式却可以 是应该什么属性禁止了吗

再次测试了这个http://baixuexiyang.github.io... 也是一样不是手机模式的话就可以

    页面---
            <div class="publish-title">
                <input type="text" placeholder="标题(至少三个字)" v-model="postTitle" maxlength="20">
            </div>
            <quill-editor v-model="content"
             :options="editorOption"
              @blur="onEditorBlur($event)"
               @focus="onEditorFocus($event)"
                @ready="onEditorReady($event)">
            </quill-editor>

    import { quillEditor } from 'vue-quill-editor'
    import Quill from 'quill'
    import { ImageImport } from './modules/ImageImport.js'
    import { ImageResize } from './modules/ImageResize.js'
    Quill.register('modules/imageImport', ImageImport)
    Quill.register('modules/imageResize', ImageResize)
    
    data----配置
   content: '<p>Click on the Image Below to resize</p>' +
    '<p><img src="https://surmon-china.github.io/vue-video-player/static/images/author.jpg" width="400"></p>' +
    '<p>Or drag/paste an image here</p>',
    editorOption: {
        modules: {
            toolbar: [
                ['link', 'image']
            ],
            history: {
                delay: 1000,
                maxStack: 50,
                userOnly: false
            },
            imageImport: true,
            imageResize: {
                displaySize: true
            }
        }
    },
    
    metheds ----方法
    onEditorBlur(editor) {
        console.log('editor blur!', editor)
    },
    onEditorFocus(editor) {
        console.log('editor focus!', editor)
    },
    onEditorReady(editor) {
        console.log('editor ready!', editor)
    },
    
    
    
阅读 8.1k
4 个回答

在IOS中<div contenteditable="true"></div>中点击时可以弹出键盘但是无法输入。加一个样式-webkit-user-select:text就可以了。
好尬 ; 还是没有用呢

----------------分割线---------------------
终于解决了
是因为引入了fastclick影响了

只需在div上加上 needsclick 类名就好了 ,,

详细见zhihu 、、https://www.zhihu.com/questio...

我是项目使用fastclick 导致富文本编辑器用不了的

亲测,效果杠杠滴
https://www.cnblogs.com/qing1...

按照文章,把fastclick.js的相应部分改掉,
作用就是如果在一个元素上加上了类名needsclick,其子元素都相当于加上了needsclick

用的时候在组件最外层class加上needsclick就行了

新手上路,请多包涵

PC端遇到同样的问题,请问这问题解决了吗

非常感谢,我沿着你在我帖子下的提问来到这里,找到了解决方法。真是太感激了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题