vue quill editor输入文字出现首字母的问题

最新推荐文章于 2024-07-12 09:39:23 发布
最新推荐文章于 2024-07-12 09:39:23 发布
阅读量1.9k 收藏 1
点赞数 1
文章标签： javascript ViewUI

当使用vue quill editor输入中文时，第一个中文的汉语拼音第一个字母会显示如图。

解决的办法就是升级vue quill editor js文件的版本，目前的我升级之后ok的版本是

<script src=https://cdn.quilljs.com/1.3.6/quill.min.js></script>
<link href=https://cdn.quilljs.com/1.3.6/quill.snow.css rel=stylesheet>


clipboard.png

weixin_34329187
关注
vue-quill-editor富文本编辑器使用步骤
m0_65005402的博客
06-20 1062
效果图如下:一:安装npm install vue-quill-editor -S二:引入到项目中{两种挂载方式:全局挂载和组件中挂载}2.1:全局挂载 import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // 引入样式 import 'quill/dist/quill.snow.css' // snow theme import 'quill/dist/quill.bubble.css' // bu
记一次解决 quill（vue-quill-editor） 编辑器中莫名多出一行“<p><br></p>”的过程...
weixin_34087301的博客
04-13 8708
问题描述： 在使用 vue-quill-editor 富文本编辑器过程中，加载已有的富文本数据到编辑器，经常会出现编辑器中莫名其妙多出一段换行内容 <p><br></p>（一般出现在段落与其他内容之间，例如标题，引用，列表），每次重新编辑之前的内容时都必须手动删除这些空行，否则这些换行就会越积越多。这让...
富文本编辑器 vue-quill
qq_44109588的博客
05-11 691
vue-quill富文本编辑器使用，包含el-update 和 普通img；两种
vue 富文本编辑器 vue-quill-editor
weixin_33755847的博客
11-07 438
文档地址：https://quilljs.com/docs/quickstart/ github地址:https://github.com/surmon-china/vue-quill-editor 使用方法： #### NPM npm install vue-quill-editor --save #### mian.js import Vue from 'vue' import VueQuil...
vue-quill-editor 富文本编辑器解决首行文字缩进问题
最新发布
noeal的博客
07-12 507
在标签中加入 ql-editor 样式即可完美解决问题。
vue3.0 vue-quill-editor.rar
09-19
在实际开发中，可能会遇到Vue3.0与Vue-Quill-Editor的兼容性问题，例如生命周期钩子的变化、Prop类型检查的更新等。这时，需要查阅官方文档或社区资源，寻找相应的解决方案。对于Vue CLI 3，要确保项目的构建配置...
vue富文本编辑器 vue-quill-editor.js quill版本1.3.6
07-01
vue富文本编辑器vue-quill-editor.js quill版本1.3.6 使用教程 ： vue-quill-editor富文本编辑器使用方法，最全，含部分源码解读，含图片上传，如果页面有多个富文本，图片上传解决方案 ...
vue quill editor 使用富文本添加上传音频功能
11-27
vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。但是，最近项目中，需要在富文本中上传音频文件，但是vue-quill-editor这个富文本仅支持图片，视频上传；所以这个功能需要自定义。 ...
Vue-Quill-Editor富文本编辑器的使用教程
12-29
本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下 先看效果图：    1、下载Vue-Quill-Editor  npm install vue-quill-editor --save 2、下载quill（Vue-Quill-Editor...
富文本组件 vue
u013361179的博客
11-24 384
组件： <template> <div class='edit-container'> <!-- 图片上传组件辅助--> <el-upload class="image-uploader" :action="serverUrl" accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" :on-su
vue-quill-editor 在光标位置插入文本
luocheng101的博客
09-06 3327
背景 在使用富文本的时候，有的需求需要点击按钮插入相应的文本内容以及突出样式， 解决方法 在无样式的情况 （insertText也可以设置样式（如字体颜色），但是用户输入新内容也会存在颜色） // 文本内容 const text = 'hello' // 获取编辑器对象 let quill = this.$refs.myQuillEditor.quill; // 获取编辑器光标位置 let index = quill.selection.savedRange.index; // 插.
vue3使用quill富文本编辑器，保姆级教程，富文本踩坑解决
热门推荐
moanuan的博客
12-08 2万+
vue3富文本编辑器踩坑，quill,quilleditor,QuillEditor,保姆级教程
Vue中实现富文本功能，适配小程序端，uniapp也可实现，vue-quill-editor适配小程序，将vue-quill-editor插件中的class样式换为style内联样式达到适配目的
m0_55074611的博客
11-03 2675
下载插件vue-quill-editor,封装富文本组件 textEditor，引入自己的素材库，实现从自己封装的素材库中选取图片功能，将vue-editor-quill中的class样式修改为style样式从而进行小程序端的更改，编辑，小程序使用插件，更改对应源码，实现功能，编辑达到pc端和小程序端统一html，使得新增编辑都能够实现
react-quill富文本 中文输入法触发change问题
bangbDIV的博客
09-06 1178
quill组件把带颜色的字体创建个dom, 临近的文字都会整合进一个dom中，导致输入的文字和插入的带颜色 都统一成一个颜色了。绑定compositionstart，compositionend 事件，可监听到非直接输入的输入法输入状态，结束时机准确。中文输入拼音阶段就开始触发change事件，在转换文本时会把拼音和汉字混杂出现，结果不正确。设置个状态，通过判断状态区分 中/英文输入法区别，正确处理逻辑。点击按钮插入自定义颜色文字，然后手动输入为正常颜色。
quill富文本使用
lq_wwwxuexikcn的博客
11-29 1024
复制粘贴word 里面图片并且 1.0 与 2.0 其set 与获取富文本单词不一样。quill 表格功能 要 2.0。
quill/vue-quill-editor的基础使用，自定义工具栏介绍，重新写图片/视频上传方法，insertEmbed插入，设置光标位置，增/添加字体、字号
初心 - 杨瑞超个人博客
04-07 1万+
基础使用 <template> <div> <quill-editor ref="edit" v-model="content" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)" /> </
使用vue-quill-editor实现富文本编辑器
confidence冯瑶的博客
09-22 546
一、什么是富文本编辑器? vue-quill-editor 这个据说大企业用的比较多，百度一下技术背景，对它的评价是不限制框架，但是需要定制，理念很先进。 1.安装 npm install vue-quill-editor –save 2.使用 在main.js中全局引入 import { quillEditor } from 'vue-quill-editor' 3. //一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形 //这三个css可以在...
JS输入中文自动获取拼音首字母大写
m0_67372185的博客
12-20 2169
js输入中文自动获取拼音首字母大写
Vue3使用富文本编辑器QuillEditor
coderxsj
04-09 1万+
vue-quill-editor似乎对于vue3没有较好支持，或者是我水平太差不会用。这里推荐使用vue-quill。官网地址https://vueup.github.io/vue-quill/guide/usage.html#in-single-file-component 1、安装。在控制面板中查找依赖，@vueup/vue-quill进行安装，即下图中的第2个。或者使用命令行进行安装 npm install @vueup/vue-quill@alpha --save 2.配置。在mai...
vue quill editor表格
05-01
Vue Quill Editor是一个基于Quill.js封装的富文本编辑器组件，可以轻松地将富文本编辑器集成到Vue.js应用程序中，支持包括插入表格在内的各种富文本编辑功能。 表格是Vue Quill Editor中一个非常常用的功能之一。要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值