VUE3 @vueup/vue-quill 富文本 焦点消失了 （最简单解决方案）

最新推荐文章于 2024-09-06 09:58:37 发布
最新推荐文章于 2024-09-06 09:58:37 发布
阅读量246 收藏
点赞数 3
文章标签： vue.js web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s2974240889/article/details/140859781
版权

正常ccvv复制之后发现 光标不显示 但是可以输入文本 也获取不到焦点 于是翻了很多帖子   输入之后才会有焦点 发现不太适用 于是最后发现一个最简单的办法 

    

这里的content是双向绑定的 也就是可以设置初始值 并且也可以识别 html 的

那么输入之后才会有焦点的话 就可以设置一个空的占位符 去当时最开始的时候已经输入了

 

我们就可以这样 中间有个小空格 就可以正常获取光标了 

在回车之后在重新给

设置一下富文本的值  光标又可以正常使用了 

日常小bug 欢迎指导

s2974240889
关注
vue-quill:Vue 3组件的笔管编辑器
03-21
VueQuill 强大的文本编辑器的Vue 3 + Quill Component。 概述 VueQuill是用于构建富文本编辑器的Vue组件，此软件包是Quill的一个薄包装，使它在Vue 3应用程序中更易于使用。 :green_heart:使用Vue 3构建：比以前更强大，更高效的框架。 :male_sign:‍:male_sign:完全打字稿： VueQuill源代码完全用打字稿编写。 :hammer_and_wrench:易于使用：通过一个简单的API即可直接实现。 演示版 。 文献资料 贡献 拉请求是受欢迎的。对于重大更改，请首先针对您要更改的内容进行。 鹅毛笔 执照
vueup-quill:Vue 3插件或组件的Quill编辑器
03-15
VueUpQuill Vue 3插件或组件的Quill编辑器。 安装 使用软件包管理器或来安装VueUpQuill。 npm install @vueup/quill --save # OR yarn add @vueup/quill 用法 全局安装 import { createApp } from 'vue' import VueUpQuill from '@vueup/quill' import '@vueup/quill/dist/quill.snow.css' ; const app = createApp ( ) app . use ( VueUpQuill , /* { default global options } */ ) 用本地组件安装 import { QuillEditor } from '@vueup/quill' import '@vueup/quill/
vue-quill-editor 富文本编辑器踩坑: 页面滚动条受焦点影响
2301_81772570的博客
05-05 416
富文本会自动获取焦点,导致进入页面时,页面滚动条会滚动到富文本位置。 // 解决办法: 初始化的时候禁用掉,500MS后再解除。
Vue3项目引入 vue-quill 编辑器组件并封装使用
yang295242361的博客
08-21 698
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件，包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
vue3 如何使用富文本编辑器 quill-editor 以及 readOnly 失效问题及失焦校验
qq_33548028的博客
04-24 1182
vue3 使用 quill-editor：readOnly 失效问题及失焦校验
vue3+js+elementPlus使用富文本编辑器@vueup/vue-quill
weixin_43120901的博客
07-04 5966
vue3+vite+js+elementPlus中使用富文本编辑器，支持上传图片，采用img标签形式上传
vue3 input 输入框输入值失去焦点后以千分位符显示
qq_47497132的博客
11-16 1073
添加指令，监听失去焦点与获取焦点的事件，修改 numInput 属性触发 Object.defineProperty()日前接到需求需要实现获取焦点数值型输入框以普通字符显示，失去焦点要用千分位符显示。转换千分位符 $number.formatCurrencyInput()至此功能完成，传给后端也是数字不带有千分位符，页面失去焦点显示千分位符。)的 input 输入框并实时监听值的变化。首先在 main.js 中加入。获取所有加入特殊标识的(
vue3使用vueup/vue-quill富文本、并限制输入字数
m0_55969466的博客
03-13 2779
v-model:content(一定加content)3、填写下一个富文本上一个未清空时：myQuillEditor.value.setHTML('')强制清空一下4、编辑进入的时候：强制设置一下内容；并且延迟设置一下字数。
Vue input输入框每次输入一个字符后失去焦点bug
l1965564484的博客
07-15 320
今天写项目的时候遇到一个很奇怪的bug：每次表单输入一个字符失焦。
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
10-15
在Vue项目中，我们经常会用到富文本编辑器来实现用户可以进行文本编辑和格式化的需求。`vue-quill-editor`是一个非常流行的基于Vue.js的Quill编辑器组件，它提供了丰富的文本格式化功能。然而，在实际使用过程中，...
vue富文本编辑器 vue-quill-editor.js quill版本1.3.6
07-01
vue富文本编辑器vue-quill-editor.js ...vue-quill-editor富文本编辑器使用方法，最全，含部分源码解读，含图片上传，如果页面有多个富文本，图片上传解决方案 https://blog.csdn.net/cplvfx/article/details/125557966
vue富文本编辑器组件vue-quill-edit使用教程
10-17
主要为大家详细介绍了vue富文本编辑器组件vue-quill-edit的使用教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue-Quill-Editor富文本编辑器的使用教程
12-29
本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下 先看效果图：    1、下载Vue-Quill-Editor  npm install vue-quill-editor --save 2、下载quill（Vue-Quill-Editor...
@vueup/vue-quill vue2使用
07-28
@vueup/vue-quill 是一个基于 Quill.js 的 Vue.js 富文本编辑器组件。要在 Vue 2 中使用它，你需要按照以下步骤进行安装和配置： 1. 首先，确保你的项目中已经安装了 Vue.js 和 Quill.js。如果没有安装，可以使用 ...
@vueup/vue-quill使用quill-better-table报moduleClass is not a constructor
最新发布
qq_35181466的博客
09-06 771
问题：moduleClass is not a constructor，说明vueup/vue-quill没找到quill-better-table依赖，原因是虽然你的quill是2.0.0以上，但是vueup/vue-quill版本还是在2.0.0一下。，这导致了版本冲突。Quill 的多个版本会引起模块注册和使用时的各种问题，例如模块找不到或无法正确初始化。1.检查你的vueup/vue-quill版本（查看 Quill 版本）要解决这个问题，你需要确保整个项目只使用一个版本的 Quill。
vue-quill-editor焦点处理
weixin_41711593的博客
04-09 2089
目录 前言 一、改进办法 前言 作者在使用vue-quill-editor过程中发现一个坑，就是vue-quill-editor渲染完成后，会自动获取焦点，这很不合理，对于有很多输入框的界面，如果你的富文本较多，进入页面后直接给你滚到页面底部，用户体验不好。 作者用的是3.0.6版本，不知后续有没有改进这个bug 一、改进办法 作者把vue-quill-editor单独写了一个组件，作者在父组件赋值后，把焦点定位到其他input上，解决了直接定位到vue-quill-editor的bug.
@vueup/vue-quill 富文本要使用quill-better-table表格插件，必须要依赖quill的v2-dev版本 但是如果这样其他的插件比如quill-blot-formatt用不了
Frank_colo的博客
12-22 1387
vueup/vue-quill 富文本要使用quill-better-table表格插件，必须要依赖quill的v2-dev版本， 但是如果这样其他的插件比如quill-blot-formatt就用不了，这个插件依赖quill的1版本。如果你的项目同时要用表格插件和其他插件，由于插件依赖的quill版本不同，是会报错的，用不了。也就是说，如果你用表格插件，quill的版本就必须安装v2-dev版本。如果你用其他插件，quill的版本就必须安装v1版本。
Vue3 封装 vue-quill 富文本组件
qq_58159506的博客
06-12 914
Vue3 封装 vue-quill 富文本组件
vue3集成vue-quill，自定义选人插件
王也的博客
01-09 1101
left: 10px;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值