把kindeditor编辑器所有embed标签处理成h5的video标签

把kindeditor编辑器所有embed标签处理成h5的video标签

最近一直用kindeditor这个编辑器，但是他有个问题就是这个embed标签谷歌什么的都不支持，我找了一堆资料也配不好，我就自己用一个狠笨的办法处理掉，我用的页面是freemarker和jsp

// 页面上先取出来你的编辑器里的数据，这里我的参数叫content，然后标签上随便加个id和class
<div class="text-content" id="con">
	${content}
</div>

//在页面里写
<script type="text/javascript">
	//class选择器取这个标签里数据
	var con = $(".text-content").html()
	//把数据里的embed换掉
	var video = con.replace('embed','video controls="controls"');
	//把video里新的数据插入到id=con的标签里
	document.getElementById("con").innerHTML=video;
</script>

虽然方法很笨很笨，但是我的问题是解决了，希望对你们有点帮助