UEditor去除复制样式实现无格式粘贴

简介:

UEditor内置了无格式粘贴的功能,只需要简单的配置即可。

  1、修改ueditor.config.js,开启retainOnlyLabelPasted,并设置为true

  2、开启pasteplain,并设为true

  3、开启filterTxtRules过滤规则。

  注意:filterTxtRules过滤规则默认只过滤p、div、li这几个标签。如果h1~h6这类标签,只是将标签体替换为p标签,并没有将标签体的样式去除。因而通过itextpdf生成pdf时时往往会出现异常。因而,较为完善的做法应该是将所有标签的样式都去掉(将过滤规则改为{$:{}})。

  修改后的过滤规则:

复制代码
'filterTxtRules' : function(){
  function transP(node){
      node.tagName = 'p';
      node.setStyle();
  }
  return {
      //直接删除及其字节点内容
      '-' : 'script style object iframe embed input select',
      'p': {$:{}},
      'br':{$:{}},
      'div':{$:{}},
      'li':{$:{}},
      'caption':{$:{}},
      'th':{$:{}},
      'tr':{$:{}},
      'h1':{$:{}},'h2':{$:{}},'h3':{$:{}},'h4':{$:{}},'h5':{$:{}},'h6':{$:{}},
      'td':function(node){
          //没有内容的td直接删掉
          var txt = !!node.innerText();
          if(txt){
              node.parentNode.insertAfter(UE.uNode.createText('    '),node);
          }
          node.parentNode.removeChild(node,node.innerText())
      }
  }
}()
复制代码





本文转自秋楓博客园博客,原文链接:http://www.cnblogs.com/rwxwsblog/p/5156189.html,如需转载请自行联系原作者
目录
相关文章
|
5月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
存储 JSON JavaScript
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
探索基于pdf.js-dist开发的纯Javascript PDF批注插件库,支持保存、导出、导入和管理PDF文件中的批注。多个功能模块为您提供丰富的PDF注释体验。
536 0
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
|
2月前
|
JavaScript 前端开发
JS - 正则替换富文本内容的所有图片地址,并提取src、alt、style等属性
这篇文章提供了使用JavaScript正则表达式来替换富文本中所有图片地址,并提取`src`、`alt`、`style`等属性的示例代码和方法。
137 1
|
4月前
|
前端开发 JavaScript
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
36 0
|
5月前
|
JavaScript 安全
原生js实现将base64图片内容复制到剪贴板
原生js实现将base64图片内容复制到剪贴板
|
5月前
|
JavaScript 测试技术
原生js实现将图片内容复制到剪贴板
原生js实现将图片内容复制到剪贴板
|
11月前
|
JavaScript
js提取富文本文字字符串内容
js提取富文本文字字符串内容
|
数据库
wangEditor富文本编辑器的调用开发实录2(V5版本自定义粘贴,去除复制word或网页html冗余样式代码的解决方案)
wangEditor富文本编辑器的调用开发实录2(V5版本自定义粘贴,去除复制word或网页html冗余样式代码的解决方案)
659 0
|
开发工具
vim中跳到第一行和最后一行,保存格式并去掉#粘贴,去掉黄色阴影
vim中跳到第一行和最后一行,保存格式并去掉#粘贴,去掉黄色阴影