layui中使用wangEditor富文本编辑器

最新推荐文章于 2024-05-08 14:36:21 发布

Q、三岁

最新推荐文章于 2024-05-08 14:36:21 发布

阅读量3.2k

点赞数 1

分类专栏： java 文章标签： layui

本文链接：https://blog.csdn.net/qq_41251714/article/details/109676560

版权

本文介绍了如何在layui框架中整合wangEditor富文本编辑器，并详细讲解了后台图片上传接口的实现与返回数据格式的要求，对于前端与后端的交互具有参考价值。

摘要由CSDN通过智能技术生成

<script type="text/javascript" src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>
<script type="text/javascript" src="http://www.wangeditor.com/js/jquery-1.10.2.min.js"></script>

								<div id="div1">
								    <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
								</div>

layui.use(['form'], function () {
				form = layui.form;
				
		  		const E = window.wangEditor;
				const editor = new E('#div1');
			   editor.config.uploadImgShowBase64=true;
			   editor.config.uploadFileName = 'file';  //对应后台上传图片接口参数的名字
			   editor.config.uploadImgServer = http()+'upload/uploadConimage'; //后台图片上传地址
			   editor.config.uploadImgMaxSize = 3 * 1024 * 1024 // 将图片大小限制为 3M
			   editor.config.uploadImgMaxLength = 1//限制一次最多上传 5 张图片
			// 或者 cons