vue-quill-editor icon indicating copy to clipboard operation
vue-quill-editor copied to clipboard

使用的时候失去焦点问题

Open mohuidong opened this issue 4 years ago • 5 comments

安装之后使用出现失去焦点的问题,每输入一个字符都会失去焦点

import VueQuillEditor from 'vue-quill-editor';
// import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
// import 'quill/dist/quill.bubble.css'
			<quill-editor class="editor"
						  ref="myTextEditor"
						  v-model="newProducts.details"
						  :options="editorOption"
						  @blur="onEditorBlur($event)"
						  @focus="onEditorFocus($event)"
						  @ready="onEditorReady($event)"
						  @change="onEditorChange($event)">
			</quill-editor>
			  editorOption: {
				  modules: {
					  toolbar: [
						  ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
						  ["blockquote", "code-block"], // 引用  代码块
						  [{ header: 1 }, { header: 2 }], // 1、2 级标题
						  [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
						  [{ script: "sub" }, { script: "super" }], // 上标/下标
						  [{ indent: "-1" }, { indent: "+1" }], // 缩进
						  // [{'direction': 'rtl'}],                         // 文本方向
						  [{ size: ["small", false, "large", "huge"] }], // 字体大小
						  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
						  [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
						  [{ font: [] }], // 字体种类
						  [{ align: [] }], // 对齐方式
						  ["clean"], // 清除文本格式
						  ["link", "image", "video"] // 链接、图片、视频
					  ], //工具菜单栏配置
				  },
				  placeholder: '请在这里添加产品描述', //提示
				  readyOnly: false, //是否只读
				  theme: 'snow', //主题 snow/bubble
				  syntax: true, //语法检测
			  },
			onEditorBlur(editor) {},
			// 获得焦点
			onEditorFocus(editor) {},
			// 开始
			onEditorReady(editor) {},
			// 值发生变化
			onEditorChange(editor) {
				// this.newProducts.details = editor.html;
			},

mohuidong avatar Nov 15 '19 03:11 mohuidong

+1

Chang1ng avatar Jul 11 '20 12:07 Chang1ng

+1

toujourser avatar Mar 04 '21 07:03 toujourser

请问你们是怎么解决该问题的?

wuxianshi avatar Mar 06 '21 08:03 wuxianshi

怎么解决的

leihuo-mtl3 avatar Jul 12 '23 07:07 leihuo-mtl3

我是添加的时候没有这个问题,一旦编辑就是出现这个问题,最后解决方法就是编辑和添加用同一个富文本编辑器,有同事说加个动态的key,但是不起作用

leihuo-mtl3 avatar Jul 12 '23 10:07 leihuo-mtl3