首页 > 其他分享 >uniapp的editor组件在H5上无法点击的问题处理

uniapp的editor组件在H5上无法点击的问题处理

时间:2023-12-16 19:44:07浏览次数:42  
标签:uniapp min js editor 组件 H5 quill

uniapp开发的移动端H5和小程序,富文本框输入框使用了editor的组件
在小程序端是运行正常的,但是在H5端出现了无法点击的情况,是好时坏

原因是H5端依赖远端的quill.min.js组件,该远端的组件偶尔会出现访问的情况
文档上写的比较清楚,但是具体怎么写没有写的写的很具体

 

 

经常尝试,搞定。具体的处理方式如下:

1. 从https://gitee.com/dcloud/uni-app/tree/dev/src/core/view/components/editor/quill下载文件:image-resize.min.js和quill.min.js
2. 复制到项目/static/assets/js下
3. 在文件template.h5.html中增加引入文件,大概在27行位置的地方
<script src="<%= BASE_URL %>static/assets/js/image-resize.min.js" type="text/javascript"></script>
<script src="<%= BASE_URL %>static/assets/js/quill.min.js" type="text/javascript"></script>

文章知识点与官方知识档案匹配,可进一步学习相关知识
小程序技能树其他组件uni-app内置组件7782 人正在系统学习中

标签:uniapp,min,js,editor,组件,H5,quill
From: https://www.cnblogs.com/jpeanut/p/17906225.html

相关文章

  • 【UniApp】-uni-app-传递数据
    前言好,经过上个章节的介绍完毕之后,了解了一下uni-app-路由那么了解完了uni-app-路由之后,这篇文章来给大家介绍一下uni-app-路由传递数据路由传参怎么传,是不是可以从A页面传递给B页面,然后B页面再传递给C页面,也可以从C页面传递给B页面,然后B页面再传递给A......
  • H5628L 80V降压恒流IC 72V电动车前大灯驱动IC 输出9V 12V
    本文将介绍H5628L耐压100V降压恒流芯片的特点和应用,包括其80V降12V、降9V的降压能力,以及支持最大2.5A的电流。此外,文章还将阐述该芯片的电路保护和热性能等方面的优势。 H5628L是一款外围电路简单,采用VFPWM连续工作模式的非隔离式恒流LED驱动芯片。H5628L典型开关频率固定为130KHz......
  • 【UniApp】-uni-app-路由
    前言好,经过上个章节的介绍完毕之后,了解了一下uni-app-CompositionAPI应用生命周期和页面生命周期那么了解完了uni-app-CompositionAPI应用生命周期和页面生命周期之后,这篇文章来给大家介绍一下uni-app-路由前面我还说过,除了有应用程序的生命周期和页面的生命周期以外,其......
  • 项目h5端ios操作栏优化解决方案​
    项目h5端ios操作栏优化解决方案一、问题描述不同设备间操作栏差异在标题为"vue项目h5端ios操作栏优化解决方案"的文章中,一级标题是"一、问题描述"。根据这个一级标题,二级标题是"1.1不同设备间操作栏差异"。在这一部分,我们将讨论在vue项目的h5端上,特别是在iOS设备上,不同设备间操作......
  • uniapp nvue 手指缩放
    uniapp nvue中俩个手指按下,每次只会监听到一个 uniapp 中双指缩放,touch.scale为当前的缩放比例<template> <[email protected]="move"@touchmove.stop="moving"> {{touch.scale}} </view></template><script>exportdefault{......
  • webview和h5通信
    有个需求是web-view嵌入h5页面,这时需要知道h5的路有变化,以下是一个简单的实现1.vue页面使用wx.miniProgram.postMessage发送消息beforeRouteLeave(to,from,next){wx.miniProgram.postMessage({data:{cardId:0,title:'电子名片'}......
  • 打赏源码|视频打赏源码h5附搭建教程
     在互联网时代,视频成为了人们获取信息和娱乐的主要方式之一。而随着内容创作者的崛起,视频平台也逐渐成为了他们展示才华和创作成果的舞台。然而,仅仅创作优质的内容并不足以维持创作者的持续创作热情和生活稳定。因此,视频打赏源码的出现,为内容创作者提供了一个重要的价值变现途径......
  • uniapp---使用uView
    在用uniapp开发项目的时候,选择合适的UI组件,往往能够事半功倍,而uView就是uniapp生态专用的UI框架,但是该UI框架并没有内置,而需要单独引入安装:uview官网:https://uviewui.com/components/intro.html安装步骤:第一步:在uniapp插件市场找到该插件https://ext.dcloud.net......
  • uniapp base64 转 png
    主要用到了这个API,uni.base64ToArrayBuffer(base64)//将Base64编码的字符串转换为ArrayBuffer对象constbase64=res.data.img;//Base64编码的图片数据constarrayBuffer=uni.base64ToArrayBuffer(base64);//创建Blob对象constblob=newBlob([arrayBuffer],{ty......
  • uniapp日常踩坑汇总(持续更新)
    一、uni-app中u-radio-group和u-radio点击事件的区别<u-radio-groupv-model="hcData.hcqk"style="width:100%;" :disabled="disabled"@change="radioGroupChange"> <u-radiov-for="(op,index)inoptions" @c......