文本框直接粘贴添加图片构想－wangEditor

之前做项目对图片上传倍感头疼。
很多用户抱怨编辑好的word文档直接粘贴到网站上，图片没法粘贴。
惯用的做法是让用户手动上传图片。整得还得编辑一遍！

下班说说实现直接粘贴的构想：
一：粘贴文档后获取图片的本地地址。
二：启动后台程序加载上传相关图片到网站，记录本地图片路径和网络上传数据。
三：上传完后用网络路径替代文本中的图片路径。


另外一种方法就是直接上传word文档。用poi直接读取word文档：
以下是一些相关介绍连接。
http://wenku.baidu.com/view/58ae923443323968011c9258.html
http://www.laokboke.net/2011/10/29/java-poi-word/

插件：wangEditor

<%= f.input :body, as: :text, wrapper_html: { style: "height: 800px" }, input_html: {  style: "height: 700px;max-height: 800px" } %>

def upload_image
    attachment = ::Attachment.create(attachment_entity_type: ::Knowledge::Library.name, path: params[:wang_editor_file], created_by: CreatedBy.format_created_by(current_employee))
    render plain: attachment.path
end

	<%= javascript_include_tag 'wangEditor.min' %>
        <%= stylesheet_link_tag    'wangEditor.min' %>
    
	<script>
		//富文本编辑器初始化
		var editor = new wangEditor('knowledge_library_body');
		//图片上传配置
		editor.config.uploadImgUrl = "/admin/knowledge/libraries/upload_image";
		editor.config.uploadImgFileName = "wang_editor_file"
		editor.config.uploadHeaders = {
		'Accept' : 'text/x-json',
		'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
		};
		editor.create();
		editor.$editorContainer.css('z-index', 0);
	</script>