背景
使用vue-quill-editor 和 quil-mention 组件做pc端和手机端的富文本功能(具体使用可以看上一篇文章)。
目前遇到的问题如下:
1. ios 无法输入和获取焦点(必须要长按或者双击才可以,无法容忍)
2.提醒人无法筛选和输入中文问题
具体解决办法如下:
1. ios 无法输入和获取焦点(必须要长按或者双击才可以,无法容忍)
问题出现的原因是:生成了默认样式: -webkit-user-select:none;(无法选中,导致出现问题)
1)添加css样式
/*** 富文本框 ***/
.quill-editor{
-webkit-touch-callout: text !important;
-webkit-user-select: text !important;
-khtml-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
}
2)使用fastclick(使用组件,解决ios延迟点击的相应的问题)
① 安装fastclick组件
yarn add fastclick -D
② 添加class: needsclick
<quill-editor
ref="myQu