很多时候我们用一些管理系统的时候，发布新闻、公告等文字类信息时，希望能很快的将word里面的内容直接粘贴到富文本编辑器里面，然后发布出来。减少排版复杂的工作量。

下面是借用百度doc 来快速实现这个word 粘贴到 富文本编辑器里面


方法一：

工具/原料

百度doc

任意富文本编辑器，以UEDdito为例

方法/步骤

登录，http://word.baidu.com

点击右上角 导入文档，如图所示



导入后，系统会自动将word的内容加载进去。此时 点击右上角编辑，Ctrl+A复制所有内容



打开UEditor，Ctrl+V 粘贴，搞定~



注意事项

建议使用Chrome浏览器操作

方法二：

分享一个更为强大的控件，详细内容可参考我写的这篇文章：http://blog.ncmem.com/wordpress/2019/08/07/%e5%af%8c%e6%96%87%e6%9c%ac%e7%bc%96%e8%be%91%e5%99%a8%e7%b2%98%e8%b4%b4word%e5%86%85%e5%ae%b9/

讨论群：223813913

使用freemarker生成word、html时，在图片显示这儿碰了个大钉子，最后总算弄出来了，这里总结一下。
 
1、生成word：
a、使用freemarker生成word文档图片显示需要特殊处理，若是按照常理（使用占位符的形式）替换完成之后显示图片的区域只会出现一堆内容(即你给它赋值的内容)而不是一张图片。
b、如何处理：直接从某处复制一张图片放到word中需要显示的区域，然后另存为xml。打开xml文件可以发现这张图片是以base64编码存在的，且这些编码放在<w:binData>标签之中。将这些base64编码使用占位符代替然后进行常规处理就能正常显示了。
c、word中添加图片之后，xml里边就会多出一个<w:pict>标签，内容如下（以我本地的为例）： 
<w:pict>
<v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
	<v:stroke joinstyle="miter"/>
	<v:formulas>
		<v:f eqn="if lineDrawn pixelLineWidth 0"/>
		<v:f eqn="sum @0 1 0"/>
		<v:f eqn="sum 0 0 @1"/>
		<v:f eqn="prod @2 1 2"/>
		<v:f eqn="prod @3 21600 pixelWidth"/>
		<v:f eqn="prod @3 21600 pixelHeight"/>
		<v:f eqn="sum @0 0 1"/>
		<v:f eqn="prod @6 1 2"/>
		<v:f eqn="prod @7 21600 pixelWidth"/>
		<v:f eqn="sum @8 21600 0"/>
		<v:f eqn="prod @7 21600 pixelHeight"/>
		<v:f eqn="sum @10 21600 0"/>
	</v:formulas>
	<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
	<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype>
<w:binData w:name="wordml://03000001.png" xml:space="preserve">${field30}</w:binData>
<v:shape id="_x0000_i1025" type="#_x0000_t75" alt="" style="width:90.35pt;height:112.75pt">
<v:imagedata src="wordml://03000001.png" o:href="http://127.0.0.1:8080/bfp/2016/12/30/00000000001.png"/>
</v:shape>
</w:pict>
我们需要用到的是<w:binData>，这个标签中间用来显示图片内容（通常都是base64编码），也就是要使用占位符的地方，我这里用的是${field30}。 
若需要调整别的可以直接修改其他标签内容。
 
d、使用java代码将图片生成base64编码：

/**
 * 该方法用来将指定的文件转换成base64编码
 * @param path:图片路径
 * **/
private String getImageStr(String path){
	//1、校验是否为空
	if(path==null || path.trim().length()<=0){return "";}
	
	//2、校验文件是否为目录或者是否存在
	File picFile = new File(path);
	if(picFile.isDirectory() || (!picFile.exists())) return "";
	
	//3、校验是否为图片
	try {  
	    BufferedImage image =ImageIO.read(picFile);  
	    if (image == null) {  
	    	return "";
	    }  
	} catch(IOException ex) { 
		ex.printStackTrace();
		return "";
	}
	
	//4、转换成base64编码
	String imageStr = "";
	try {
		byte[] data = null;
		InputStream in = new FileInputStream(path);
		data = new byte[in.available()];
		in.read(data);
		BASE64Encoder encoder = new BASE64Encoder();
		imageStr = encoder.encode(data);
	} catch (Exception e) {
		imageStr="";
		e.printStackTrace();
	}
	
	return imageStr;
}
 
2、生成html：
a、模板文件中直接使用img标签显示即可，如：<img width="120" height="150"  src="${field30}" />。
b、src中可以直接放图片的路径，也可以放base64编码。若是使用绝对路径，需要添加前缀：file:///。如图片路径为：D:/temp/1.png，那么src="file:///D:/temp/1.png"。这样子才能显示出来。缺点：因为图片通常都存在服务器端，在服务器端显示图片自然没有问题，若是放到客户端因为指定目录下没有文件那么页面中的图片自然就显示不出来了。
c、使用base64编码显示图片。若是在src属性中直接加载base64编码的图片，形如：src="base64编码"，这样的图片也显示不出来，还需要添加形如data:image/图片格式;base64,的前缀。如显示png格式的图片，src="data:image/png;base64,base64编码“，如此才能显示出来。（测试了一下，火狐、360、谷歌、IE11、IE8都能很好的支持，其他浏览器没测过）
 
3、生成pdf：
a、生成pdf我分成了两步：先使用freemarker生成html文件，然后使用flying saucer将html转成pdf文件。
b、直接使用“base64编码显示图片”生成的HTML文件，转成pdf时，图片会显示不出来（html文件自然是能正常显示的），具体原因未知。解决办法是采用绝对路径。先使用绝对路径的方法生成html文件中的图片，此时图片和html文件都在服务器端，图片自然能正常显示，然后将该文件转成pdf。在客户端下载下来之后，图片也能正常显示。

粘贴到word中的图片或插入Word中的图片，突然无法显示，说是“错误，嵌入对象无效”，前一段时间刚刚整理好的资料，当时还能用，我还打印了出来。现在有图片的地方却出现的是一个醒目的大红叉。打印预览也无法显示，从其他地方复制粘贴过来的图片也是无法显示，以前这种功能在word中是能应用的。更奇怪的是同样的文档在别的电脑上就能看到图片，这个问题困扰我整整一天多的时间，网上有很多不同的说法，我也试了很多不同的解决方法。之前我用360对IE进行了升级，IE出现了问题，也有说是IE的问题。也有说出现这种情况的一些原因有如下几种：




(1)资源或内存空间不够，有的图片是从Internet下载的JPEG或GIF格式，包含一些非常复杂的格式选项，如动画，声音等,而Word只能识别一些简单的格式。这种原因和电脑本身的原因有关，如果是这个原因的话不可能是原来还能看，突然就无法显示了。




(2)word 本身出现了问题，这个原因也排除了，我对word进行了修复，不行，完全卸载重装也没有任何作用。



(3)系统设置的临时文件夹无效。原因就在这里，是IE缓存出现了问题，是一位名字为Peter Benie 的人发现的。解决办法：尝试着改变一下IE临时文件夹的路径，右键单击IE图标或在网页工具栏中找工具，然后点击Internet选项-常规-浏览历史记录里设置-移动文件夹到o C:/Documents and Settings/<administrator's username>/Local Settings-确定，然后再改一下word中的设置：工具-选项-视图-显示中的图片框前的对号去掉就可以了。

复制图片粘贴到word之后，发现总是只显示一点点，显示不全，就这么一半截，点到图片上面，其它的部分是框框，急死了，怎么办？赶紧看下面。
2
告诉原因是：这个word文档设定了固定的行距而导致的，上面的显示永远显示的一小半截其实就是一行的宽度，是不是。
那么接下来，我们就来解决这个问题吧：选择图片，在开始界面，点击如图所示段落下面的小箭头。
3
在弹出的段落格式对话框中，你会发现，它的行距是设定的固定值，如图所示。如果你的也是，那么也是这个问题了。
4
那么，接下来就简单了，直接修改行距，把固定值修改为其它任何一个都行，我这里就选择了1.5倍行距为例。都一样的，不影响。
5
确定之后，你回到word图片，就会发现你的图片显示完全了吧，轻松搞定！
END
完全不现实
有时候我们接到同事一个word，打开发现图片完全不显示，只有一个框框，连像上面说的半截，一行都没有，那这又是怎么回事呢？下面解释：
其实，这个也是word里的一个简单设定搞的鬼，就是word里显示图片框的设置来决定的。是不是就显示一个框。
那么我么开始操作：点击word左上角office标准，下拉菜单——》word选项，如图。
在弹出的对话框中，选择高级——》下拉滚动一下，看到显示文本内容——》你会看到一个显示图片框的选项给勾选上了，把勾去掉就可以了。如图。
确定之后，你就会发现，一切又恢复正常了。搞定！
你学到了吗？
取消
评论