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

简介:   UEditor内置了无格式粘贴的功能,只需要简单的配置即可。   1、修改ueditor.config.js,开启retainOnlyLabelPasted,并设置为true   2、开启pasteplain,并设为true   3、开启filterTxtRules过滤规则。

  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())
      }
  }
}()

 

相关文章
|
9月前
|
前端开发 JavaScript Java
JavaScript复制内容到剪切板 带格式的复制
JavaScript复制内容到剪切板 带格式的复制
132 0
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
存储 JSON JavaScript
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
探索基于pdf.js-dist开发的纯Javascript PDF批注插件库,支持保存、导出、导入和管理PDF文件中的批注。多个功能模块为您提供丰富的PDF注释体验。
651 0
【2023-08-20】最新PDF.js PDF批注注释插件库:创建、保存和管理PDF注释批注(高亮、文本框、绘图、截屏、历史记录、橡皮檫)-pdf.js
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
文本vitepress,如何设置背景图,如何插入背景图,如何插入logo,为了放背景图片,我们要新建pubilc的文件夹,插入logo要在config.js中进行配置,注意细节,在添加背景时,注意格式
|
9月前
|
JavaScript 安全 前端开发
原生JS实现一键复制,一键粘贴
原生JS实现一键复制,一键粘贴
113 0
|
9月前
|
JavaScript 安全
原生js实现将base64图片内容复制到剪贴板
原生js实现将base64图片内容复制到剪贴板
|
9月前
|
JavaScript 测试技术
原生js实现将图片内容复制到剪贴板
原生js实现将图片内容复制到剪贴板
|
Java
Typora字体颜色设置:一键替换MD文件的字体样式
Typora字体颜色设置:一键替换MD文件的字体样式
355 0
|
开发工具
vim中跳到第一行和最后一行,保存格式并去掉#粘贴,去掉黄色阴影
vim中跳到第一行和最后一行,保存格式并去掉#粘贴,去掉黄色阴影
|
JavaScript UED
利用js复制文本框里面的内容到剪切板,并且隐藏文本框
利用js复制文本框里面的内容到剪切板,并且隐藏文本框
326 0