kindeditor自定义添加网络视频插件,修改批量图片上传方式flash为h5

发布时间:2020-06-04 17:22:40 作者:Mos 阅读量:20453

更多完善功能请看文章:https://i847.cn/article/3032.html

先看效果再看文章:

1

2

点击下载文件到项目中,kindeditor.zip

修改返回的url:

diyUpload.js

3

修改服务器url:

multi_image.js

4

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>

支付宝打赏 微信打赏
©2021 i847.cn
部分内容转自网络,如有损害您的权益,致邮联系:jiang2008wen#126.com,一经证实,立即删除!     我要留言
备案号:蜀ICP备18020563号-1