• javascript »
  • Pressing Backspace in Chrome adds extra tags

Pressing Backspace in Chrome adds extra tags

Pressing Backspace in Chrome adds extra tags

最近在开发富文本编辑器,发现在chrome中按粘贴一个东西然后回退键,后再输入文字,chrome会自动的加入一个span标签。造成了一些bug。

解决:

注:
DOMNodeInserted: 每次页面有DOM插入时都会触发
DOMNodeRemoved:每次页面有DOM删除时都会触发

IE浏览器不支持这两个事件,只能通过setTimeout来循环监听。

Reference

ckeditor 也遇到这样的问题。

http://dev.ckeditor.com/ticket/10056

http://dev.ckeditor.com/ticket/9998

ckeditor解决方案:
方案一:

方案二:

https://github.com/RomanMinkin/webkit-span-fix/blob/master/plugin.js

This entry was posted in javascript

Leave a Reply

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">