wangeditor粘贴word内容带样式

songsu songsu     2023-05-08     576

关键词:

这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用

后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)

<%@page language="java"import="java.util.*" pageEncoding="utf-8"%><%@

     page contentType="text/html;charset=utf-8"%><%@

     page import = "Xproer.*" %><%@

     page import="org.apache.commons.lang.StringUtils" %><%@

     page import="org.apache.commons.fileupload.*" %><%@

     page import="org.apache.commons.fileupload.disk.*" %><%@

     page import="org.apache.commons.fileupload.servlet.*" %><%

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

FileItemFactory factory = new DiskFileItemFactory();  

ServletFileUpload upload = new ServletFileUpload(factory);

List files = null;

try

     files = upload.parseRequest(request);

catch (FileUploadException e)

    out.println("上传文件异常:"+e.toString());

    return;


FileItem imgFile = null;

Iterator fileItr = files.iterator();

while (fileItr.hasNext())

     imgFile = (FileItem) fileItr.next();

     if(imgFile.isFormField())

     

         String fn = imgFile.getFieldName();

         String fv = imgFile.getString();

         if(fn.equals("uname")) uname = fv;

         if(fn.equals("upass")) upass = fv;

     

     else

     

         break;

     

Uploader up = new Uploader(pageContext,request);

up.SaveFile(imgFile);

String url = up.GetFilePathRel();

out.write(url);

response.setHeader("Content-Length",url.length()+"");

%>


配置web.xml

 <?xmlversion="1.0"encoding="UTF-8"?>

<web-appversion="2.5"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

  <welcome-file-list>

    <welcome-file>index.jsp</welcome-file>

  </welcome-file-list>

</web-app>


前端(页面)测试代码:

<!DOCTYPEhtml PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

     <metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>

     <title>WordPaster-jsp-ueditor-1.2.6.0</title>

     <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script>

     <scripttype="text/javascript" src="ueditor.all.min.js" charset="utf-8"></script>

     <linktype="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>

    <linktype="text/css" rel="Stylesheet" href="WordPaster/js/skygqbox.css" />

    <scripttype="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/w.edge.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/w.app.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/w.file.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>

    <scripttype="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>

</head>

<body>

     <textareaname="后台取值的key"id="myEditor">这里写你的初始化内容</textarea>

     <scripttype="text/javascript">

        var pasterMgr = new WordPasterManager();

        //pasterMgr.Config["PostUrl"] = "http://www.ncmem.com/products/upload_ori.aspx"

    pasterMgr.Config["PostUrl"] = "http://localhost:8080/WordPaster2UEditor1.4x/upload.jsp"

    //pasterMgr.Config["PostUrl"] = "http://cloud.dyso.cn/ueditor/upload.jsp"

    pasterMgr.Load();//加载控件


        var ue = UE.getEditor(‘myEditor‘);

        

         ue.ready(function()

             //设置编辑器的内容

             ue.setContent(‘hello‘);

             //获取html内容,返回: <p>hello</p>

             var html = ue.getContent();

             //获取纯文本内容,返回: hello

             var txt = ue.getContentTxt();

             pasterMgr.SetEditor(ue);

         );

                  

     </script>

</body>

</html>

实现后的效果,能够批量上传word中的全部图片,大幅度提升图片上传效率。而且能够保留Word样式。

 

技术图片技术图片

图片上传完后,编辑器里面的图片地址也全部都改成了服务器的图片地址了,

技术图片技术图片

 

详细配置信息可以参考这篇文章:http://blog.ncmem.com/wordpress/2019/10/12/wangeditor-%e7%b2%98%e8%b4%b4word%e5%86%85%e5%ae%b9%e5%b8%a6%e6%a0%b7%e5%bc%8f/

ckeditor粘入word内容如何默认设置为保留样式

现在将word文档中的内容粘贴到ckeditor中好像默认了要去除内容样式,只保留了格式。。如何才能设置为保留样式啊,我现在用的是CKEditor3.6.2参考技术A//保证word导入格式config.pasteFromWordRemoveFontStyles=false;config.pasteFromWordRemoveStyles=fal... 查看详情

怎么实现将word中的公式导入(或粘贴)到编辑中wangeditor

这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@&n 查看详情

word基于知网研学的文字等内容连同参考文献一同复制粘贴

...#xff0c;偶尔会包含参考文献等信息,采用普通的复制、粘贴操作,只能粘贴内容而无法粘贴其对应的参考文献。本文主要介绍Word中复制带参考文献的内容时,如何连同参考文献一起粘贴到新的文件中。方法首先直接粘... 查看详情

ckeditor编辑器粘贴excel、word表格表格样式丢失

在ckeditor4.5.6编辑器内粘贴从Excel或word制作的带有背景颜色及边框的表格,从从msword入口粘贴,粘贴到编辑区域后,表格样式全部消失,只剩下文本,如何带格式粘贴?粘贴后参考技术A你在编辑器中选择到设计模式就可以了,你... 查看详情

在网页编辑器中粘贴时如何保留word中的表格

...系统后台,在添加信息的管理界面中,可以看到“从MSWord粘贴”功能按钮:2、从Word中复制相关内容后,单击“从MSWord粘贴”功能按钮,在出现的窗口中使用键盘快捷键“Ctrl+V”,将Word中复制的内容粘贴到窗口的内容框中,同时... 查看详情

在网页编辑器中粘贴时如何保留word中的表格?

...SiteFactory中提供了FCKeditor编辑器,利用编辑器中“从MSWord粘贴”功能按钮,即可既去除Word多余的代码,同时保留Word中的一些样式,如表格等。操作方法:1、进入SiteFactory系统后台,在添加信息的管理界面中,可以看到“从MSWord... 查看详情

在网页编辑器中粘贴时如何保留word中的表格?

...SiteFactory中提供了FCKeditor编辑器,利用编辑器中“从MSWord粘贴”功能按钮,即可既去除Word多余的代码,同时保留Word中的一些样式,如表格等。操作方法:1、进入SiteFactory系统后台,在添加信息的管理界面中,可以看到“从MSWord粘... 查看详情

wangeditor编辑支持word内容和截图的复制黏贴

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins[‘autoupload‘],然后找到autoUploadHandler方法,... 查看详情

js获取剪切板内容

参考技术A使用wangEditor粘贴excel数据时,如果数据中没有图片,一切正常。但是当excel中带有本地图片的数据时,由于js没有读取本地磁盘的权限而显示图片失败,同时也不可能把本地图片地址上传到服务器。wangEditor应该取的是剪... 查看详情

xheditor实现ctrl+v粘贴图片并上传word粘贴带图片

tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/以v... 查看详情

divcontenteditable='true'去除word粘贴的样式(代码片段)

可编辑的div在粘贴从word复制过来的内容时,会带着格式,清楚格式的做法如下:<divclass=‘page3-emjoy5‘contenteditable=‘true‘style="width:500px;height:500px;background:#bbb"></div>/*word文本复制格式化*/functiontextInit(e)e.preventDefaul... 查看详情

tinymce实现word粘贴公式自动上传

...持IE8,网上其实有很多富文本框,效果都很好。例如www.wangEditor.com 但试了一圈都不支持IE8。所以回到Ueditor,由于官方没有维 查看详情

富文本编辑器复制粘贴word

...持IE8,网上其实有很多富文本框,效果都很好。例如www.wangEditor.com 但试了一圈都不支持IE8。所以回到Ueditor,由于官方没有维护,新的n 查看详情

tinymce粘贴word文档,粘贴上去后word文档的样式全被取消了。请求帮助一下。嘉缘人才系统的程序

粘贴到tinyMCE在线编辑器上后要保持word文档的样式字体的颜色和大小那些。tinymce没有word的字处理那么多的功能,可以说是不支持格式,就像你把word中加粗的字粘贴到txt中一样,不会再有加粗效果了。如果非要支持的话,只能找... 查看详情

word页码设置了怎么显示不出来

...式,在“编号格式”栏内的“一”前输入“星期”即可。粘贴网页内容在Word中粘贴网页,只须在网页中复制内容,切换到Word中,单击“粘贴”按钮,网页中所有内容就会原样复制到Word中,这时在复制内容的右下角会出现一个“... 查看详情

word内容相同的文字关联

...制移动光标到所要同步的位置。点击--开始--贴粘--选择性粘贴或使用ctrl+alt+v,粘贴链接,带格式文本(RTF).这样,在原文本位置一改动复制的也改动 查看详情

怎么把word文档的内容直接复制粘贴到excel里面自动生成表格?

参考技术A按照如下步骤即可把word文档的内容直接复制粘贴到excel里面自动生成表格:1、首先将word文档的内容全部选中。2、然后右击,在弹窗中点击复制。3、然后打开excel后,选中一个单元格,点击粘贴。4、在粘贴的下拉菜单... 查看详情

怎么让word默认进行无格式粘贴

word默认的粘贴格式一般都是有格式粘贴,或HTML粘贴。要想进行无格式粘贴,只有先打开选择性粘贴对话框进行选择。可很多时候都需要无格式粘贴。每次都去选很麻烦。不知是否可以设置默认的粘贴方式就是无格式粘贴。谢谢... 查看详情