`
lhc1986
  • 浏览: 161872 次
  • 性别: Icon_minigender_1
  • 来自: 帝都
社区版块
存档分类
最新评论

ckeditor粘贴word文档格式显示混乱解决方法

阅读更多

    从word文档中直接粘贴到ckeditor编辑区,查看的时候格式会显示混乱,非常难看。解决方法:

 

    打开ckeditor/plugins/pastefromword/filter/default.js

 

     有个js方法:

 

CKEDITOR.cleanWord=function(h,i)
{if(CKEDITOR.env.gecko)h=h.replace
(/(<!--\[if[^<]*?\])-->([\S\s]*?)<!--(\[endif\]-->)/gi,'$1$2$3');
var j=new g(),k=j.dataFilter;k.addRules(CKEDITOR.plugins.pastefromword.getRules(i));
i.fire('beforeCleanWord',{filter:k});try{h=j.toHtml(h,false);}catch(l)
{alert(i.lang.pastefromword.error);}h=h.replace(/cke:.*?".*?"/g,'');
h=h.replace(/style=""/g,'');h=h.replace(/<span>/g,'');return h;};})();

 此方法是清除word中的相关样式,在方法体最前端加一句return h;即可。

分享到:
评论

相关推荐

    Applet实现的ckeditor粘贴word图片且图片自动上传

    本方法用于将CKEditor中的从WORD粘贴过来的文本中的所有本地图片自动上传到服务器,参数意义如下: editorInstance:CKEditor的实例; pre_id:图片上传到服务器后的名称的前辍,方便日后清理等维护工作,如不需要,...

    ckeditor 粘贴图片并上传

    拷到plugins目录下 配置config.js config.extraPlugins = 'uploadimage'; config.imageUploadUrl= '上传路径'; 详细请看:http://blog.csdn.net/weixin_30512027/article/details/79295921

    vue+ckEditor5 复制粘贴wold文字+图片并保存格式

    vue+ckEditor5 复制粘贴wold文字+图片并保存格式

    ckeditor粘贴图片

    通常,Word中的图片是以嵌入式对象的形式存在,粘贴到CKEditor时可能会丢失格式或无法显示。为了解决这个问题,CKEditor提供了一种方式,可以确保在粘贴时保留图片,并且能进行自动上传。 ### 图片自动上传功能 1....

    201812CKEditor粘贴屏幕截图上传图片、使用HttpServlet接收文件实现

    【标题】"201812CKEditor粘贴屏幕截图上传图片、使用HttpServlet接收文件实现"涉及的技术主要包括CKEditor、屏幕截图功能以及Java的HttpServlet,这些都是在Web开发中常用的工具和技术。 CKEditor是一款强大的富...

    ckeditor 4.16 asp.net C# 从word中粘贴复制图片,多文件上传等

    在本项目中,我们关注的是CKEditor 4.16版本与ASP.NET C#的集成,特别是如何处理从Word中复制粘贴的图片以及实现多文件上传的功能。 首先,"ckeditor"是CKEditor的核心部分,它是一个JavaScript库,提供了丰富的...

    ckeditor最新版范例 包含上传文件,分页显示范例

    ckeditor最新版范例 包含上传文件,分页显示范例ckeditor最新版范例 包含上传文件,分页显示范例ckeditor最新版范例 包含上传文件,分页显示范例ckeditor最新版范例 包含上传文件,分页显示范例

    ckeditor3x编辑器word图片粘贴上传

    3. **Word图片粘贴**: CKEditor3.x支持从Word文档中复制图片并粘贴到编辑器内。这个功能特别实用,因为很多用户可能习惯于在Word中编辑内容,然后将其转移到网页上。CKEditor3.x可以处理Word中复杂的格式,使得图片...

    CKEditor 3.6.2中文文档

    ### CKEditor 3.6.2中文文档知识点详解 #### 一、CKEditor简介 - **定义**: CKEditor(原名FCKeditor)是一款专为网页设计的开放源代码所见即所得的文字编辑器。这款编辑器的目标在于轻量化的设计理念,让用户无需...

    蝙蝠CKEditor本地图片自动上传插件.zip

    本方法用于将CKEditor中的从WORD粘贴过来的文本中的所有本地图片自动上传到服务器,参数意义如下: editorInstance:CKEditor的实例; pre_id:图片上传到服务器后的名称的前辍,方便日后清理等维护工作,如不需要...

    ckeditor5_v19完整版

    `README.md` 文件是项目的说明文档,通常会提供快速入门指南、安装步骤、常见问题等信息,对于初次使用CKEditor5的用户来说,这是一个重要的参考资料。 `sample` 目录可能包含了示例代码或演示页面,让用户能够直观...

    word文档(图片+文字)粘贴

    在Word中,图文粘贴指的是将包含图片和文本的组合内容从一个位置复制到另一个位置,如从网页、PDF或另一份Word文档中复制到当前编辑的文档中。这个过程需要考虑图像质量、文本格式和布局的保持,以实现最佳的视觉...

    ckeditor文件管理按钮

    直接在ckeditor的按钮中显示文件浏览按钮,点击后打开文件浏览窗口,上传或管理文件(必须安装ckfinder先) config.js中添加名为File的按钮 config.js中添加 config.filebrowserFileBrowseUrl = '/js/ckfinder/...

    ckeditor文件

    CKEditor允许用户在网页上实现类似Word的文本编辑体验,包括字体样式设置、图片插入、链接创建等。 CKEditor的主要特点包括: 1. **丰富的功能集**:CKEditor提供了各种各样的编辑工具,如字体和颜色选择、段落...

    织梦ckeditor编辑器升级为ckeditor4-word图片自动上传mp4播放批量图片上传.zip

    它支持word图片自动上传,这意味着用户可以直接从Word文档中复制粘贴图片,编辑器会自动上传这些图片并插入到文章中,极大地提高了工作效率。此外,ckeditor4还支持MP4视频播放,允许用户直接在编辑器内嵌入视频,...

    CKeditor的详细配置文档

    - `CKEDITOR.replace()`方法接受两个参数:第一个参数为textarea的ID,第二个参数为一个对象,用于设置编辑器的属性。 - 可以通过传递不同的配置项来自定义编辑器的功能与外观。 #### 三、高级配置选项 1. **...

    非常全面的CKEditor插件开发文档

    7. **最佳实践**:在开发CKEditor插件时,应注意保持插件代码的模块化和可维护性,遵循CKEditor的编码规范,以及使用CKEditor的内置函数和方法来处理编辑器内部的操作,以确保兼容性和稳定性。 8. **调试技巧**:...

    CKEditor 上传文件(Servlet实现)

    在CKEditor 3.6.0版本中,它提供了文件上传功能,使得用户可以直接在编辑器内上传图片或其他文件,极大地提高了内容创作的便利性。本教程将详细介绍如何通过Servlet来实现CKEditor的文件上传功能。 首先,我们需要...

    CKeditor API CHM帮助文档

    CKeditor API 帮助文档 CHM版,CKeditor API 帮助文档 CHM版

Global site tag (gtag.js) - Google Analytics