昨天突然兴起,准备完善秋色园后台的编辑器关于Chrome、FireFox下的选择内容的HTML兼容处理。
JS编辑器获取选择内容的HTML兼容性写法问题描述:
对于如何获取选择的文本(包括Html标签),通常网络上的答案是:
var deditor=document.getElementById('iframe名称').contentWindow;
IE:deditor.pos.htmlText,获得html内容。
其它浏览器:deditor.window.getSelection().toString(); 仅获取不包括html标签的文本。
问题:假充你给一段选择的文字(包括换行、段落格式化的),加一个背影或边框等操作时,如果html标签都失踪了,仅剩下文字,那就不是您想要的效果了。
既然知道了问题,如何解决JS兼容性?
解决问题步骤一:网络搜索
本人并不善长js,深夜中,只能靠程序员的本能,百度或Google现搜现处理了。
然而这个互联网,稍为有点细活的代码,网络上总是难以搜寻,偶尔搜出来的,除了没有答案,另外就是通用性:
deditor.window.getSelection().toString()或deditor.window.getSelection().getRangeAt(0)。
类似的只能获取文字,可是,我要的是包括Html标签的文本,你本应该懂的。
解决问题步骤二:代码调试
在指定相关符合关键字不多的网页中, 找到一个特殊的功能:“Chrome“的脚本调试。
调试方法:工具 - 开发人员工具 - scripts - 选择要调试的js文件。