在线编辑器一个关键问的题解决pasteHTML与insertHTML

70 篇文章 0 订阅
在线编辑器的大部分功能使用javascript的execCommand函数都可以实现,但是有个问题在实现任意修改文字大小时使用execCommand('FontSize', false, value)只是7种大小可选,编辑器切换为源代码方式看<font size="7"> </font>的方式。呵呵,太笨的方式了,要改为<font style="font-size: 12px"></font>方式就好了。那就要用到pasteHTML函数了,可是该方法除ie外其他浏览器都不支持。网上很多文章都抱怨其他的浏览器不支持pasteHTML函数。呵呵,其实不是ie浏览器实现更方便,使用execCommand('insertHTML', false, value)(注意该函数使用'insertHTML'参数ie不支持)。因此判断是ie使用pasteHTML方法非ie使用execCommand('insertHTML', false, value)方法,使用它就可以把指定的文字段替换为你想要的文字了。呵呵有了它不管是插入图片,生成链接(使用execCommand方法直接实现的话就不能带参数了比如你<img >内要带alt, <a>内要带target)你都能玩转了。其他也可以方便实现,比如插入带颜色的横线,插入块<div></div>带上你喜欢的样式。

(以上方法我只测试了firefox可行,其他浏览器有待证实)。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值