Kindeditor视频上传问题处理

初始的时候，video这个标签kindeditor是不识别的，只要html处理或者全屏的时候，都会被排除掉。如果想要video存在，则需要设置属性filterMode :false

如果只是想要某个标签或者属性不被过滤，则需要在下面图1中，htmlTags中进行添加

因为想要在web编辑的时候，就能够展示视频，所以干脆将kindeditor中html的添加的方法进行了一些修改，至于百度上其他人说的加什么插件之类的，感觉有点烦，而且由于网站需要手机端显示，所以就直接把kindeditor.js改动了。

红色部分代码为新增代码（具体图2），只处理mp4情况，具体需求具体修改。这里只处理mp4格式了。如果是mp4格式的文件，则添加的html内容直接使用video标签插入了。

function _mediaImg(blankPath, attrs) {...//sldedit 20171129 将mp4格式直接使用video放置html，不过想使用mp4，需要将    filterMode :false,//不开启过滤if (attrs.src.indexOf(".mp4")!=-1) {var html = '<video controls="" width="100%" class="' + _mediaClass(type) + '" ';html += '><source src="' + attrs.src + '" data-ke-src="'+attrs.src+'" >'html += '</video>';return html;}else {var html = '<img class="' + _mediaClass(type) + '" src="' + blankPath + '" ';if (style !== '') {html += 'style="' + style + '" ';}html += 'data-ke-tag="' + escape(srcTag) + '" alt="" />';return html;}}

<!--Kindeditor以及相应的操作-->
<script src="/assets/global/plugins/kindeditor/kindeditor.js" type="text/javascript"></script>
<script src="/assets/global/plugins/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
<script type="text/javascript">var introEditor;KindEditor.ready(function (K) {introEditor = K.create('[name=introduction_show]', {minWidth: 400,allowFileManager: true,filterMode :false,//不开启过滤，全部不开启过滤使用false设置，如果是想要某个不过滤，则需要进入kindeditor.js进行修改uploadJson: 'xxx',afterBlur: function () {this.sync();$('#showrichtext').html($("[name=introduction_show]").val());}});});
</script>

　　　　　　　　　　　　　　　　　　　　　　　　　　　　图1

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　图2

Kindeditor视频上传问题处理相关推荐

kindeditor支持视频flv, mp4格式视频上传播放
首先声明本人用的版本为4.1.12 1.mp4视频格式上传: 修改kindeditor-all.js _mediaImg()方法原代码 function _mediaImg(blankPath, ...
iOS图片，视频上传视频内容旋转
#前言我最近在接手一个智能盒子的iOS应用,上面有一个功能是这样的.把你本地的照片和视频可以甩屏到你绑定的盒子上. 我的上一位前辈做的时候必须要求再同一个局域网,但是当我做的时候要求不同的局域网也要 ...
「小程序JAVA实战」小程序视频上传方法的抽象复用（57）
转自:https://idig8.com/2018/09/23/xiaochengxujavashizhanxiaochengxushipinshangchuanfangfadechouxiangfu ...
java 上传视频并播放_java实现视频上传和播放..doc
java实现视频上传和播放. Java实现视频网站的视频上传.视频转码.视频关键帧抽图, 及视频播放功能视频网站中提供的在线视频播放功能,播放的都是FLV格式的文件,它是Flash动画文件,可通过F ...
kindeditor图片上传 struts2实现
一.kindeditor以及struts2部署搭建不再赘述,如须要请參考kindeditor用法 Struts2框架搭建二.kindeditor图片上传所依赖jar包在kindeditor\jsp\ ...
java web转码_web/java实现多种格式视频上传、转码、截图、播放、下载等功能附源码（详细）...
/** * @Description:(视频资源的单独上传的接收) * @param:@param request * @param:@param response * @param:@param s ...
Instagram视频上传延迟优化
视频传输延迟,尤其是在某些互动社交环境中,会严重影响用户的体验.Instagram多年来以降低视频上传延迟为重要指标,实现了多种优化策略.本文来自Instagram媒体基础设施团队软件工程师Ryan ...
java上传视频代码下载_java 实现视频上传
[实例简介] java上传视频转码播放的一个demo,实现java上传视频.转码.截图和播放功能 [实例截图] [核心代码] java视频上传,转码,播放实现 └── java视频上传,转码,播放实现 ...
wangeditor修改图片上传和视频上传
视频上传:https://blog.csdn.net/m0_37885651/article/details/83656437 https://www.cnblogs.com/wjwj/p/10871 ...

Kindeditor视频上传问题处理

Kindeditor视频上传问题处理相关推荐

最新文章

热门文章