摘要: 日常工作中,接触富文本编辑的次数还是很多,特发此教程,希望可以改变富文本编辑的技术门槛较高的现状,解决这部分的坑。前提准备,兼容获取range,统一回车行为,前期准备工作了解document.execommand操作,保存丢失的range,实时反馈样式给工具栏兼容的fontsize命令,自定义字体为... 阅读全文
posted @ 2013-11-23 23:51 henry_li 阅读(1500) 评论(0) 推荐(0) 编辑
摘要: 【1】前期准备,兼容 索引目录:http://www.cnblogs.com/henryli/p/3439642.html rich editor的原理无非是启用iframe的编辑模式或者div的contenteditable=true。然后使用document.execcommand来编辑选取文本。但会使用到selection操作和range。查看api: msdn地址,mozilla富文本编辑指引。w3school range。 使用iframe作为编辑器的优势:独立的编辑document、不会与页面其他选择冲突,独立的redo undo操作。缺点,如果页面设置了docume... 阅读全文
posted @ 2013-11-23 23:50 henry_li 阅读(989) 评论(0) 推荐(0) 编辑
摘要: audio播放 Element.play(); 如果在播放中,调用play,从头播放,则需要先load,同时绑定结束方法,如1 Element.addEventListener('ended',function(){2 3 this.load();4 5 })6 Element.load();Element.paly();video播放并请求全屏:video.play();video.webkitEnterFullscreen && video.webkitEnterFullscreen();video.mozRequestFullScreen &&am 阅读全文
posted @ 2013-11-23 18:25 henry_li 阅读(1538) 评论(0) 推荐(0) 编辑