CKeditor导入WORD，保留完整的图片和表格。只支持IE内核的浏览器

最新推荐文章于 2024-04-19 13:28:32 发布
最新推荐文章于 2024-04-19 13:28:32 发布
阅读量3.6k 收藏 1
点赞数
分类专栏： Web前端开发 文章标签： 浏览器 ie fckeditor generator function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyxh/article/details/7576987
版权
本文介绍了一种方法，通过编辑代码并进行全文搜索替换，将Word文档内容导入CKeditor，解决了在IE内核浏览器中图片和表格丢失的问题。尽管存在一些限制，如可能丢失样式和Excel导入未完成，但该方法为导入Word内容提供了一个基础方案。
摘要由CSDN通过智能技术生成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" charset="utf-8" src="ckeditor/ckeditor.js" ></script>
<script type="text/javascript">
window.οnlοad=function()
{
//CKEDITOR.replace('TextArea1');
//CKEDITOR.replace( "editor1",{toolbar:"Basic"});
}
    
</script>
<script type="text/javascript">

             function importWord(){
              //获取文件路径
              var filepath=document.getElementById("importfile").value;
 var filepathend = filepath.substr(filepath.length-4,4);
              if(filepath=="" || (filepath.substr(filepath.length-4,4)!=".doc"  && filepath.substr(
最低0.47元/天 解锁文章
zhangyxh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
html表单导出为word文件（内含图片和CKeditor富文本框）
u014320392的博客
06-06 9796
       最近在做信息填报网站开发，需要将html页面中的表单信息导出为相应的word文档。但是由于我处理的表单中需要使用富文本框上传图片，使用一般的poi无法将富文本框中的图片导出，因此查看网上多方信息，最终使用freemarker模板加java帮助类完成了富文本框图片的导出。下面详细介绍一下具体步骤。        一、制作mht模板。新建一个word文档，按照想要的格式编制文档样式，并...
ckeditor3x编辑器word图片粘贴上传
10-19
3. **Word图片粘贴**: CKEditor3.x支持从Word文档中复制图片并粘贴到编辑器内。这个功能特别实用，因为很多用户可能习惯于在Word中编辑内容，然后将其转移到网页上。CKEditor3.x可以处理Word中复杂的格式，使得图片...
ckeditor集成Word导入
weixin_52041354的博客
11-09 207
if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。
ckeditor集成Word导入功能
最新发布
weixin_45525177的博客
04-19 305
ckeditor集成Word导入功能，ckeditor集成Word导入，ckeditor导入Word，ckeditor导入Word功能，ckeditor导入Word图片，ckeditor导入Word图文，ckeditor导入Word内容，ckeditor导入Word文档，ckeditor一键导入Word，ckeditor一键导入Word文档，前端用了VUE2,VUE3，React，HTML5，也是一个新项目，为了方便用的这些框架，实际上这个是无所谓，功能的实现和前端这些框架没什么关系。
ckeditor富文本编辑器支持从word复制粘贴保留格式和图片的插件
Mr_Zang666的博客
09-13 228
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下） <%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@ pagecontentType="text/html;charset=utf-8"%><%@ pageim...
CKEDitor支持WORD格式的缩进问题
在交流中成长
03-16 4047
CKEditor，WORD，首行缩进
CKEditor4+ckfinder ASP.NET 支持图片上传
01-21
综上所述，这个项目展示了如何在ASP.NET环境中集成CKEditor4和ckfinder，以实现一个完整的图片上传和管理解决方案。开发者需要理解ASP.NET的基本架构，HTTP处理程序的工作原理，以及如何配置和使用CKEditor和...
ckeditor+ckfinder 文本编辑器和图片编辑器
10-27
在IT领域，文本编辑器和图片编辑器是网站和应用程序开发中的重要组成部分，它们提供了丰富的文本格式化和图像处理功能。CKEditor和CKFinder就是两个非常知名的开源工具，广泛用于增强用户界面的内容创建和管理。 **...
Applet实现的ckeditor粘贴word图片且图片自动上传
07-21
最近用APPLET写了一个可以实现ckeditor中粘贴word图片且图片自动上传的插件，大家看看怎么样： 演示地址： http://test.reremouse.com/wordimg/ 插件使用JAVA APPLET技术开发，需要配合JavaScript使用，可以...
ckeditor和ckfinder 支持图片上传，文档上传，flash上传
06-22
网上流传的ckeditor和ckfinder基本是都是不能上传图片的 这个版本包含了本人将近一个星期的汗水，绝对支持上传 1、CKFinder.dll在ckfinder的bin/debug中使用不要忘记引用 2、ckeditor中config.js使用时不要忘记...
怎么实现将word中的公式导入（或粘贴）到编辑中ckeditor
weixin_45525177的博客
07-14 237
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
从word中复制图片到ckeditor编辑器中
Mr_Zang666的博客
09-07 168
1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码） 因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。 例如www.wangEditor.com 但试了一圈都不支持IE8 。 所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。 如果没有必要，不建议使用.
ckeditor集成Word导入(富文本编辑器)
weixin_52041354的博客
11-07 415
"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */"wordActionName": "wordupload", /* 执行上传视频的action名称 */"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */"wordFieldName": "upfile", /* 提交的视频表单名称 */
ckeditor3.6.2复制word及wps图片上传
superhoy的专栏
03-16 5233
此功能实现研究了很长时间，开始用C#写的activex插件，实现起来比较容易，服务端也可以直接写入到文件夹中，可是有个缺点就是客户端必须安装framework，这个对客户来说是不现实的。 后来研究用c++实现activex，post上传到服务器url，然后接受post文件，由于对c++不熟悉，搞了很长时间没搞出来，可能还是我对c++不会使用的原因，不过搜遍谷歌和百度，也没搜到正解。 最后用de
ckeditor粘贴word文档图片的示例
Mr_Zang666的博客
09-19 156
1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获取光标的位置添加了插件子集document对象，因为直接使用document对象获取不到光标位置。编辑器中的图片地址已经全部被替换成了服务器的图片地址，其它的用户也能够正常访问。1.从word中复制图片为rtf格式，不能被保存，并解析图片，有待解决；//设置编辑器的内容。
ckeditor粘贴word文档图片的实例解析
Mr_Zang666的博客
09-19 336
"Servers" :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)JPG/PNG/GIF/BMP，推荐使用JPG格式，防止出现大图片。, "PasteImageType" : "" //粘贴文件，剪帖板的图片格式，为空表示本地图片格式。, "PasteImgSrc" : "" //shape:优先使用源公式图片，img:使用word自动生成的图片。
CKEditor 复制word里面带图文的文章，图片可以直接显示
weixin_45525177的博客
08-19 520
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
ckeditor粘入word内容如何默认设置为保留样式
Neoman的专栏
04-21 611
现在将word文档中的内容粘贴到ckeditor(CKEditor3.6.2)中好像默认了要去除内容样式，只保留了格式。。如何才能设置为保留样式呢？方法如下： 打开 \editor\plugins\pastefromword\filter\default.js 找到文件尾大概有这么一句代码 ;CKEDITOR.cleanWord=function(h,i){if (CKEDITOR.en...
vue CKEditor5 导入 word
06-06
你可以使用CKEditor5的官方插件`@ckeditor/ckeditor5-import-export`来导入Word文档。首先，你需要安装该插件和其依赖项： ``` npm install --save @ckeditor/ckeditor5-import-export @ckeditor/ckeditor5-utils @...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值