更多完善功能请看文章:https://i847.cn/article/3032.html
先看效果再看文章:
点击下载文件到项目中,kindeditor.zip
修改返回的url:
diyUpload.js
修改服务器url:
multi_image.js
kindeditor参数:
uploadJson: 服务器上传地址, uploadMultiImgUrl: 多图上传服务器服务器地址, items:['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template','code', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', '|','','', 'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',"multi_image",'diy_video', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink'],
引入文件:
<#--自定义多图上传--> <link rel="stylesheet" type="text/css" href="/kindeditor/plugins/multi_image/diyUpload/css/webuploader.css"> <link rel="stylesheet" type="text/css" href="/kindeditor/plugins/multi_image/diyUpload/css/diyUpload.css"> <script charset="utf-8" src="/kindeditor/plugins/multi_image/diyUpload/js/webuploader.html5only.min.js"></script> <script charset="utf-8" src="/kindeditor/plugins/multi_image/diyUpload/js/diyUpload.js"></script> <#-- 编辑器源码文件 --> <script charset="utf-8" src="/kindeditor/kindeditor-all-min.js"></script> <script charset="utf-8" src="/kindeditor/lang/zh-CN.js"></script>