kindeditor video 变成了img

Kindeditor视频上传问题处理

初始的时候,video这个标签kindeditor是不识别的,只要html处理或者全屏的时候,都会被排除掉.如果想要video存在,则需要设置属性filterMode :false 如果只是想要某个标签或者属性不被过滤,则需要在下面图1中,htmlTags中进行添加因为想要在web编辑的时候,就能够展示视频,所以干脆将kindeditor中html的添加的方法进行了一些修改,至于百度上其他人说的加什么插件之类的,感觉有点烦,而且由于网站需要手机端显示,所以就直接把kindeditor.js改动

kindeditor之video插件开发

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果.不仅结构小巧,而且功能强大,最主要的是它采用插件的开发管理方式,能很容易再它的基础上添加插件来实现自己的功能.但是他支持flash和embed插入视频,公司的需求是插入video视频,有MP4远程视频地址.webm远程视频地址.缩略图远程地址: 1.KindEditor插件开发(官网有个小例子,好吧,还能再小点吗?) 基本上添加一个插件要做这几部: 在下载的 KindEditor/long/zh_

更改kindeditor编辑器，改用支持h5的video标签替换原有embed标签

kindeditor是一款不错的可视化编辑器,不过最近几年似乎没在更新,现在h5趋于主流,正好有个业务需要编辑器支持mp4视频的播放,考虑到现在h5中的video标签的强大,于是决定将原来系统中的embed标记更改好video.具体操作方法如下: 1.在296行 embed : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align'

springboot中使用kindeditor富文本编辑器实现博客功能

kindeditor在之前已经用过,现在在springboot项目中使用.并且也在里面使用了图片上传以及回显等功能. 其实主要的功能是图片的处理:kindeditor对输入的内容会作为html标签处理,对于image的做法是先将图片传到后台服务器,然后上传成功之后回传图片的URL,之后内容中增加<img src='url'>进行回显,当然保存到数据库也是img标签进行保存的. 下面的代码涉及到了:Restful风格的请求.SpringMVC文件的上传.不配置虚拟路径的前提下请求图片资源.kin

百度地图 ijintui以及七牛、百度编辑器、kindeditor

密码是明文存储的 sig错误是因为params没拼接上md5后的秘钥,测试时候可以在 Api\Controller\CommonController\_initialize 方法里注释掉效验的代码代码使用的是thinkphp,将ThinkPHP\Conf\convention.php 'URL_MODEL' => 2, API接口: 提交方式为GET http://api.map.baidu.com/direction/v1?mode=driving&origin

KindEditor解决上传视频不能在手机端显示的问题

KindEditor自带的上传视频生成的HTML代码为<embed>,在手机端并不支持.于是可以自己在控件里增加生成video标签相关代码. 参考https://www.jianshu.com/p/047198ffed92.. 然而对着修改后没有成功,可能是那里没有改对吧.依然生成的是<embed>.当时由于时间赶,于是用了个简单的办法: 原控件不变的情况下 1.上传的地方修改视频格式.仅上传支持手机格式的 //定义允许上传的文件扩展名 HashMap<String, Str

kindeditor老版本version 4.1.10 bug踩坑

目录上传图片或者视频的弹窗有时候不出现,只出现遮罩视频上传无法播放的问题参考链接: 问题目录上传图片或者视频的弹窗有时候不出现,只出现遮罩通过测试发现,出现这种情况不是弹出框没有出现,而是设置固定定位top值为空,元素出现在了屏幕之外(屏幕下边): 查看Elements可以发现: 并没有top值, 正常显示的情况下是这样的: 为什么会出现这种情况呢? 查看源码,弹出框的定位由以下代码决定: 大约在3440行左右 pos : function(x, y, updateProp) { va

jQuery读取和设定KindEditor值的方法

转载自:https://www.jb51.net/article/43595.htm 侵删 jQuery读取和设定KindEditor值的方法更新时间:2013年11月22日 09:03:56 作者: 我要评论这篇文章主要介绍了jQuery读取和设定KindEditor值的方法,大家参考使用吧在使用Kindeditor的时候,想要利用Ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个jsp页面,通过iframe来加载的,同时这个ifra

轮播组件/瀑布流/组合搜索/KindEditor插件

一.企业官网 ### 瀑布流 Models.Student.objects.all() #获取所有学员信息通过div进行循环图片和字幕 1.以template模板方法实现瀑布流以列为单位放置图片和字母信息:通过取余的方式分列,三列就对三取余,在templatetags里面自定义模板,但是对于前端创建的判断方法if,时不能使用@register.simple_tag,simple_tag方法不能用于if 后,所以引用filter方法:@register.filter 2.以JS的

video.js

1.github地址 2.常用API: class : video-js: video-js应用视频所需的风格.js功能,比如全屏和字幕. vjs-default-skin: vjs-default-skin默认皮肤适用于HTML控件,并且可以删除或覆盖创建自己的控制设计 data-setup 设置常用属性: autoplay :是否自动播放 controls: 设置是否可以人为控制播放 preload:{ 设置预加载 auto: 立即加载(浏览器允许的情况下) metadata:只加载视频的基

让kindeditor显示高亮代码

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre class="prettyprint lang-js"><script> var KE; KindEditor.ready(function(K) { KE = K.cre

video.js--很赞的H5视频播放库

video.js是一款很流行的html5视频播放插件.很适合在移动端播放视频(比如微信网页),功能强大,且支持降级到flash,兼容ie8.官网:http://videojs.com/ git&demo :http://files.cnblogs.com/files/stoneniqiu/video-js-5.11.4.zip 看下默认例子: <head> <title>Video.js | HTML5 Video Player</title> <

Kindeditor在ThinkPHP框架下的使用

1.简单调用Kindeditor的图片上传功能: a.Html部署图片预览,记录图片上传成功之后的路径,以及上传图片点击按钮 <tr> <td>活动图片:</td> <td> <img id="picurl_img" :src="'../../'+data.picurl" alt="" class="flag-img"> </td> <td>

ASP.NET MVC5+EF6+EasyUI 后台管理系统（36）-文章发布系统③-kindeditor使用

系列目录我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级.都是系统的首选很多文章教程有kindeditor的使用,但本文比较特别可能带有,上传文件的缩略图和水印的源码!这块也是比较复杂和备受关注的功能一.下载编辑器 KindEditor 4.1.10 (2013-11-23) [1143KB] 官方最新版或者: http://www.kindsoft.net/down.php 二.添加到项目解压 kindeditor-x.

KindEditor 给KindEditor赋值

在项目的过程中,使用了KindEditor编辑器,然后在赋值的时候,我的编辑器ID是content,然后我想通过$("#content").html()来赋值,发现赋值失败,后来百度的值,方法如下: var editor1 = null;//首先声明一个全局变量 KindEditor.ready(function (K) { editor1 = K.create('#content', { cssP

Ajax 提交KindEditor的数据

这次我是在EasyUI中使用了KindEditor的编辑器,按照官方给的代码,总是无法获取编辑器里面的值(内容),如下: KindEditor.ready(function (K) { var editor1 = K.create('#content', { cssPath: '../js/plugins/code/prettify.css', uploadJson: 'upload_json

如何在一个页面添加多个不同的kindeditor编辑器

kindeditor官方下载地址:http://kindeditor.net/down.php (入门必看)kindeditor官方文档:http://kindeditor.net/doc.php (入门必看)Kindeditor编辑器初始化参数文档:http://kindeditor.net/docs/option.html 或许我们一个页面有需要用到多个文本编辑器的情况,那我们该怎么办呢? 本人查阅了很多资料最后终于找到一种方法,可以通过自定义编辑器的工具栏items属性,来实现:

《HTML5》 Audio/Video全解

一.标签解读 <audio> 标签属性 <audio id="media" src="http://www.abc.com/test.mp3" controls></audio> src:音乐的URL (source标签在src属性不存在时使用) preload:预加载(none.metadata.auto.如果不使用此属性,默认为auto.) autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条

video/audio在ios/android上播放兼容

1.audio自动播放 <audio src='xxx.mp3' autoplay></audio> 上面是audio标签autoplay属性是自动播放,但是在安卓部分浏览器和ios的safari是不会自动播放.在微信,安卓和ios大部分机子都可以知道播放.测试iphone5和iphone6s在升级到相同版本的情况下,iphone5微信可以自动播放,iphone6s不会自动播放.这种情况可参考:http://www.w3cmark.com/2016/434.html 在易信,ios

video.js-H5视频播放库

video.js是一款很流行的html5视频播放插件.很适合在移动端播放视频(比如微信网页),功能强大,且支持降级到flash,兼容ie8.官网:http://videojs.com/ git&demo :http://files.cnblogs.com/files/stoneniqiu/video-js-5.11.4.zip 看下默认例子: <head> <title>Video.js | HTML5 Video Player</title> <

kindeditor video 变成了img

热门专题