UMEDITOR WORD文档图片粘贴-自动上传到服务器

UMEDITOR WORD文档图片粘贴-自动上传到服务器，百度UMEDITOR WORD文档图片粘贴-自动上传到服务器，UMEDITOR 复制WORD文档图片粘贴，UMEDITOR 复制WORD文档图片自动粘贴，UMEDITOR 复制WORD文档图片自动上传，UMEDITOR 复制粘贴WORD文档图片，

ueditor word图片转存交互，ueditor word转存交互，ueditor word内容转存交互，ueditor word交互存储，百度富文本编辑器word图片转存交互，百度富文本编辑器word转存交互，百度UE word图片转存交互，word图文一键粘贴,word文档一键导入,word图片一键粘贴,word图片一键导入，word图片自动上传。word图片快捷键粘贴，从WORD中复制内容包含图片到百度编辑器中，从WORD中复制内容包含图片到百度ueditor中，从WORD中复制内容包含图片到百度富文本编辑器中，从WORD中复制内容包含图片到ueditor编辑器中，

复制word内容然后粘贴到百度富文本编辑器ueditor中，word里面的图片自动上传到Web服务器中，返回图片和文字HTML，保留word文字的样式，字体大小，字体颜色。自动将文字和图片HTML添加到百度富文本编辑器ueditor中，用户能够直接看到粘贴后的效果。

在百度富文本编辑器ueditor中实现word文档或者内容的转存交互，也就是说用户可以通过快捷键(Ctrl+V)一键粘贴word内容，粘贴后word里面的图片自动上传到服务器中，然后将图片和文字HTML添加到编辑器中。

UMEditor1.2.3整合教程
下载示例：https://gitee.com/xproer/wordpaster-php-umeditor1x

1.添加按钮样式

样式代码

.edui-icon-wordpaster {width: 16px;height: 16px;background: url(‘../../../../wordpaster/css/paster.png’) no-repeat !important;}

2.在工具栏中添加按钮

3.复制wordpaster目录到项目中

4.在页面中注册按钮

在页面中添加引用

    <link href=“umeditor/themes/default/css/umeditor.min.css” type=“text/css” rel=“stylesheet”>

    <script type=“text/javascript” src=“umeditor/third-party/jquery.min.js” charset=“utf-8”></script>

     <script type=“text/javascript” src=“umeditor/umeditor.config.js” ></script>

     <script type=“text/javascript” src=“umeditor/umeditor.min.js” ></script>

     <link type=“text/css” rel=“Stylesheet” href=“wordpaster/css/WordPaster.css”/>

    <link type=“text/css” rel=“Stylesheet” href=“wordpaster/js/skygqbox.css” />

    <script type=“text/javascript” src=“wordpaster/js/json2.min.js” charset=“utf-8”></script>

    <script type=“text/javascript” src=“wordpaster/js/w.edge.js” charset=“utf-8”></script>

    <script type=“text/javascript” src=“wordpaster/js/w.app.js” charset=“utf-8”></script>

    <script type=“text/javascript” src=“wordpaster/js/w.file.js” charset=“utf-8”></script>

    <script type=“text/javascript” src=“wordpaster/js/WordPaster.js” charset=“utf-8”></script>

    <script type=“text/javascript” src=“wordpaster/js/skygqbox.js” charset=“utf-8”></script>

在JS中注册插件

代码

     <script type=“text/javascript”>

        var pasterMgr = new WordPasterManager();

    pasterMgr.Config[“PostUrl”] = “http://localhost:8080/WordPaster2UEditor1x/upload.jsp”

    pasterMgr.Config[“Cookie”] = ‘<%=clientCookie%>‘;

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

        UM.registerUI(‘wordpaster’,

                function(name) {

                    var me = this;

                    var $btn = $.eduibutton({

                        icon : name,

                        click : function(){                          

                       pasterMgr.Paste();

                        },

                        title: ‘粘贴Word图片’

                    });

                    this.addListener(‘ready’,function(){

                        pasterMgr.SetEditor(this);

                    });

                    return $btn;

                }

        );

          UM.getEditor(‘editor’);

</script>

整合后的效果