`
足至迹留
  • 浏览: 495863 次
  • 性别: Icon_minigender_1
  • 来自: OnePiece
社区版块
存档分类
最新评论

chrome的粘贴带有样式

 
阅读更多
1.问题描述
页面div里的内容是带样式的,需要复制里面的纯文本再粘贴到其他div里,在firefox里是好好的,但是chrome却不可以,直接粘贴带有样式不说,还只能粘贴一次,如果再次复制再粘贴居然会覆盖掉以前的内容。

2.解决
开始考虑监听onbeforecopy或onpaste事件,在粘贴前处理,用正则去掉样式。监听后却无法修改粘贴板里的内容,不知道是不是处理不对。
但是是是是是,最后突然发现这是chrome浏览器自己特意支持的功能,如果想只粘贴纯文本,只要用ctrl+shift+v或右键->粘贴为纯文本即可。

真可谓因为无知才用各种复杂的方法来解决问题。
分享到:
评论

相关推荐

    同上:同上是Chrome浏览器扩展程序,带有一个随附的Sketch插件,可优化@yextCSS到草图转换工作流程。 由@blakedq发起,由@ygev维护

    Ditto是Chrome扩展程序,带有随附的Sketch插件,可让设计人员从实时网站复制CSS字体样式,并将其直接作为Sketch样式粘贴到Sketch中。 安装 安装Chrome扩展程序 Chrome商店目前正在处理Ditto及其更新,在发布之前,...

    chropath插件,适用于chrome浏览器

    5. **颜色代码预览**:对于带有颜色属性的元素,`ChroPath`会展示其颜色代码,方便开发者参考和复制。 **二、安装ChroPath** 要在Chrome浏览器上使用`ChroPath`,首先需要访问Chrome的Web Store。搜索"ChroPath",...

    Klepto-crx插件

    Cmd +右_____________________________________________________★INTRO Klepto是Chrome扩展程序,带有随附的Sketch插件允许设计人员从实时网站复制CSS字体样式,并将其直接粘贴为Sketch作为Sketch样式。 ★使用方法...

    Pure-Qrcode:适用于Chrome的纯Qrcode扩展

    #Pure Qrcode extension for chrome一个不干净的插件居然 inject style 影响到我正在开发的页面样式,生气,顺带卸载了一大堆。把二维码的插件也卸载了,就自己写一个。Icon都是自己用Sketch画的,感谢同桌的设计老...

    Ditto-crx插件

    Ditto是一个Chrome扩展程序,带有一个随附的Sketch插件,允许设计人员从实时网站复制CSS字体样式,并将其作为Sketch样式直接粘贴到Sketch中。 安装安装Chrome扩展程序打开Chrome。 1.转到chrome:// extensions 2....

    Google Chrome:trade_mark:拨号器——供应商Broadsoft「Dialer for Google Chrome:trade_mark: - Broadsoft」-crx插件

    带有添加的详细信息,包括电子邮件,位置,标题等 ■单击拨号自动将所有基于文本/链接的电话号码转换为click'ables。否则,只需突出显示任何数字即可。右键单击并拨出 ■呼叫日志遍历多达90天的呼叫历史记录,并将...

    xheditor编辑器asp.net源码

    xheditor支持从剪贴板粘贴带有图片和表情的内容,这主要依赖于它的粘贴过滤和转换机制。在ASP.NET环境下,为了支持这一特性,需要在服务器端处理粘贴过来的数据,比如将图片数据转化为服务器上的URL,以便在网页上...

    autoHref:浏览器扩展程序,用于轻松生成带有所选标题的页面的markdown样式超链接

    使用 How to use在网页中选择一段文字,右点选择“生成Markdown格式的超链接”,之后,你的剪切板里即有“(选中文字)[该页面地址]”了,只需要粘贴到你预想的地方即可。Select some words, right click and click ...

    ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

    接着,创建两个带有文本内容的textarea和对应的“复制内容”按钮。 对于IE6的兼容性处理,代码中使用了条件语句`if ($.browser.version == 6.0)`来检测浏览器版本。如果用户使用的是IE6,那么绑定一个点击事件到...

    教育资源类组卷网文档复制方法.docx

    由于从HTML粘贴过来的内容可能带有格式,所以可能会显得有些杂乱。这时,我们需要对内容进行简单的排版,比如调整字体、字号、行距,以及去除不需要的样式。 排版完成后,这份试卷就可以用于打印或在线共享,供教师...

    EwebEditor5.5自用修改无限制版.rar

    5. **后台管理功能**:这个版本带有完整的后台管理系统,允许管理员进行用户管理、权限设置、编辑器配置等操作。 6. **安全性**:尽管是修改版,但安全仍然重要。开发者可能已经考虑了防止XSS攻击和其他安全风险的...

    Copy&Clear-crx插件

    Copy&Clear插件正是为了解决这个问题而诞生的,它专注于提供一个快速、便捷的方式来复制纯文本,确保在粘贴时不带有任何额外的格式,只保留原始的文本内容。 该插件的工作原理是:当你选择并激活Copy&Clear功能时,...

    dreamweaver试题及答案.pdf

    10. 层的属性:层有两个特殊属性,显示(Display)和溢出(Overflow),用于控制层的可见性和内容超出层时的行为。 11. 模板与库:模板和库帮助批量制作网页,保持网站风格统一。 12. 事件处理:在客户端脚本中,...

    FCKeditor控件示例 上传文本,图片,原格式

    FCKeditor的一大优势是它可以保留HTML原始格式,这意味着从其他地方复制粘贴的文本(带有样式和布局)可以被完整地保留下来。这在处理来自不同来源的内容时非常有用,避免了格式丢失的问题。 5. **扩展与自定义** ...

    Copy Highlighted HTML-crx插件

    当复制带有HTML的文本时,我们实际上是在复制这些元素及其属性,确保了复制的内容在新的环境中保持一致的视觉效果。 使用Copy Highlighted HTML-crx插件的过程非常简单。用户首先需要在浏览器上安装此扩展,通常...

    dreamweaver试题及答案.docx

    23. 浏览网页:需要使用浏览器(Browser)软件,如Chrome、Firefox等。 24. 层的优点:层可以提供精确的定位,但描述错误的是D,层不能使网页加载速度更快,相反,过多的层可能会影响加载速度。 25. 资讯类网站:...

    计算机应用基础期末考试补考试题.pdf

    10. **带省略号的命令**:在下拉菜单中,带省略号的命令表示后续会有一个对话框,让用户输入额外信息或进行详细设置。 11. **浏览网页**:需要使用浏览器,如Internet Explorer、Firefox、Chrome等。 12. **WWW**...

    将CSDN文章内容转成PDF文件

    在实际操作中,可能需要注意的是,由于网页的复杂性,转换后的PDF可能会与原网页显示略有不同,比如CSS样式可能不完全一致,图片质量可能下降等。此外,如果文章内容包含动态加载的部分,可能需要手动滚动页面以确保...

    Lynxr-crx插件

    通过Lynxr-crx插件,用户无需离开当前页面或者经过繁琐的复制粘贴步骤,即可完成分享操作,大大提高了效率。这种便捷性使得它对于那些频繁分享网络内容的用户,如博主、内容创作者或社交媒体活跃者,尤其有吸引力。 ...

Global site tag (gtag.js) - Google Analytics