Kz.layedit下载地址
今天搞一个layui的富文本编辑器需要上传图片,使用的是layui的扩展Kz.layedit,文件上传默认字段名是file,我的项目后台用的files接收的,所以就需要自定义一下,官方文档里的貌似用不了,于是就自己看了一下源码,自己修改了一下。
直接上代码
html
<textarea id="doccont" style="display: none;"></textarea>
源码需要修改的地方:大概在五百零几行加上
data : u.data,field : u.field,
js
var layedit = layui.layedit;layedit.set({uploadImage: {url: "your Url",//文件上传接口data: {"":""},//传输参数field : 'files',//自己的文件字段nameaccept: 'image',acceptMime: 'image/*',exts: 'jpg|png|gif|bmp|jpeg',size: 1024 * 10,}, tool: ['strong', 'italic', 'underline', 'del',, 'addhr' //添加水平线, '|', 'fontFomatt', 'colorpicker' //段落格式,字体颜色, 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image_alt', 'altEdit', 'anchors' //锚点, '|', 'table'//插入表格, 'customlink'//插入自定义链接, 'fullScreen']});var index = layedit.build('doccont'); //建立编辑器
图片: