[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)


在使用uni-app运行内置插件editor时,无法输入内容,控制台报错[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第1张图片

原因:查看官网得知,需动态引入quill.min.js、image-resize.min.js文件

[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第2张图片

解决方法:

1.下载quill.min.js、image-resize.min.js到项目static/eidtor文件中

链接:https://pan.baidu.com/s/1IKxDJSyFj8626uDJ9FD5ww?pwd=fn5n 
提取码:fn5n

[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第3张图片

2.在项目根目录中创建template.h5.html文件, 引入quill.min.js、image-resize.min.js,下载资源到本地

[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第4张图片

直接将下面代码拷贝到创建的template.h5.html文件



	
		
		
		
		
			<%= htmlWebpackPlugin.options.title %>
		
		
        
        
		
		
		
		
		
	
	
		
		
		
		
		

3.在 manifest.json->h5(或Web配置)->template 节点中关联这个template.h5.html文件的路径 

[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第5张图片

运行成功!

[已解决】uniapp内置插件,editor富文本报错(附quill.min.js、image-resize.min.js文件)_第6张图片

你可能感兴趣的:(前后端分离,uni-app)