精华内容
下载资源
问答
  • WORD粘贴图片+DEDE

    2019-11-28 17:25:45
    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.extra...

    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受,如果图片数量比较多,这种操作就显得非常的麻烦。

    1、只粘贴图片并上传到服务器

    config.extraPlugins = 'uploadimage';

    //config.uploadUrl = '上传路径';

    config.imageUploadUrl= '上传路径';

    请求

    文件上传的默认请求是一个文件,作为具有“upload”字段的表单数据。

     

    响应:文件已成功上传

    当文件成功上传时的JSON响应:

    uploaded- 设置为1。

    fileName - 上传文件的名称。

    url - 上传文件的URL。

    响应:文件无法上传

    uploaded- 设置为0。

    error.message - 要显示给用户的错误消息。

    using System;

    using System.Web;

    using System.IO;

     

    namespace WordPasterCK4

    {

        public partial class upload : System.Web.UI.Page

         {

             protected void Page_Load(object sender, EventArgs e)

             {

                  string fname = Request.Form["UserName"];

                  int len = Request.ContentLength;

     

                  if (Request.Files.Count > 0)

                  {

                       DateTime timeNow = DateTime.Now;

                       string uploadPath = "/upload/" + timeNow.ToString("yyyyMM") + "/" + timeNow.ToString("dd") + "/";

     

                       string folder = Server.MapPath(uploadPath);

                       //自动创建目录

                       if (!Directory.Exists(folder)) Directory.CreateDirectory(folder);

                       HttpPostedFile file = Request.Files.Get(0);

     

                    //原始文件名称,由控件自动生成。

                    //md5.png,crc.png,uuid.png,sha1.png

                    string nameOri = file.FileName;

                       string ext = Path.GetExtension(nameOri).ToLower();

     

                       //只支持图片上传

                       if (    ext == ".jpg"

                        ||  ext == ".jpeg"

                        ||  ext == ".png"

                           ||  ext == ".gif"

                           ||  ext == ".bmp")

                       {

                           string filePathSvr = Path.Combine(folder, nameOri);

     

                        //

                        if(!Directory.Exists(filePathSvr)) file.SaveAs(filePathSvr);

                           Response.Write("http://10.168.4.209:83" + uploadPath + nameOri);

                       }

                  }

             }

         }

    }

     

    2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持

    目前项目是用了一种变通的方式:

    先把word上传到后台 、poi解析、存储图片 、转换html、替换图片、放到富文本框里显示

    (富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下

    var WordPasterConfig = {

         "EncodeType"           : "GB2312"

         , "Company"                : "荆门泽优软件有限公司"

         , "Version"                : "1,5,131,51655"

        , "License2": ""

         , "Debug"              : false//调试模式

         , "LogFile"                : "f:\\log.txt"//日志文件路径

         , "PasteWordType"      : "" //粘贴WORD的图片格式。JPG/PNG/GIF/BMP,推荐使用JPG格式,防止出现大图片。

         , "PasteImageType"     : "" //粘贴文件,剪帖板的图片格式,为空表示本地图片格式。JPG/PNG/GIF/BMP

         , "PasteImgSrc"            : "" //shape:优先使用源公式图片,img:使用word自动生成的图片

        , "JpgQuality"         : "100"   //JPG质量。0~100

         , "QueueCount"             : "5" //同时上传线程数

         , "CryptoType"             : "crc"//名称计算方式,md5,crc,sha1,uuid,其中uuid为随机名称

         , "ThumbWidth"             : "0" //缩略图宽度。0表示不使用缩略图

         , "ThumbHeight"            : "0" //缩略图高度。0表示不使用缩略图

         , "FileFieldName"      : "file"//自定义文件名称名称

        , "ImageMatch"         : ""//服务器返回数据匹配模式,正则表达式,提取括号中的地址

        , "FormulaDraw"             : "gdi"//公式图片绘制器,gdi,magick

        , "AppPath"                 : ""

         , "Cookie"                 : ""

        , "Servers"             :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)

         , "IcoError"            : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/error.png"

        , "IcoUploader"         : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/upload.gif"

         , "PostUrl"                : "http://www.ncmem.com/products/word-imagepaster/fckeditor2461/asp.net/upload.aspx"

        //x86

         , "ClsidParser"            : "2404399F-F06B-477F-B407-B8A5385D2C5E"

         , "CabPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.cab"

         //x64

         , "ClsidParser64"      : "7C3DBFA4-DDE6-438A-BEEA-74920D90764B"

         , "CabPath64"          : "http://www.ncmem.com/download/WordPaster2/WordPaster64.cab"

         //Firefox

         , "XpiType"               : "application/npWordPaster2"

         , "XpiPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.xpi"

         //Chrome

         , "CrxName"                : "npWordPaster2"

         , "CrxType"               : "application/npWordPaster2"

         , "CrxPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.crx"

        //Edge

        , edge: { protocol: "wordpaster", port: 9200, visible: false }

        , "ExePath": "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"

        , "mac": {path: "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"}

    };

     

    3、官方刚发表新版本说已经添加功能:

     

    ckeditor编辑器批量上传的效果

     

    图片已经上传到服务器端

     

    图片地址已经替换过来了

     

    可以看得出来,效果和用户体验都非常好。用户借助于此功能编辑功能得到大幅度提升了。

    http://blog.ncmem.com/wordpress/2019/11/28/1397/

    展开全文
  • ckeditor从word粘贴图片

    2019-11-28 13:50:26
    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.ex...

    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受,如果图片数量比较多,这种操作就显得非常的麻烦。

    1、只粘贴图片并上传到服务器

     

    config.extraPlugins = 'uploadimage';

    //config.uploadUrl = '上传路径';

    config.imageUploadUrl= '上传路径';

    请求

    文件上传的默认请求是一个文件,作为具有“upload”字段的表单数据。

     

    响应:文件已成功上传

    当文件成功上传时的JSON响应:

    uploaded- 设置为1。

    fileName - 上传文件的名称。

    url - 上传文件的URL。

    响应:文件无法上传

    uploaded- 设置为0。

    error.message - 要显示给用户的错误消息。

    using System;

    using System.Web;

    using System.IO;

     

    namespace WordPasterCK4

    {

        publicpartialclassupload : System.Web.UI.Page

         {

             protectedvoid Page_Load(object sender, EventArgs e)

             {

                  string fname = Request.Form["UserName"];

                  int len = Request.ContentLength;

     

                  if (Request.Files.Count > 0)

                  {

                       DateTime timeNow = DateTime.Now;

                       string uploadPath = "/upload/" + timeNow.ToString("yyyyMM") + "/" + timeNow.ToString("dd") + "/";

     

                       string folder = Server.MapPath(uploadPath);

                       //自动创建目录

                       if (!Directory.Exists(folder)) Directory.CreateDirectory(folder);

                       HttpPostedFile file = Request.Files.Get(0);

     

                    //原始文件名称,由控件自动生成。

                    //md5.png,crc.png,uuid.png,sha1.png

                    string nameOri = file.FileName;

                       string ext = Path.GetExtension(nameOri).ToLower();

     

                       //只支持图片上传

                       if (    ext == ".jpg"

                        ||  ext == ".jpeg"

                        ||  ext == ".png"

                           ||  ext == ".gif"

                           ||  ext == ".bmp")

                       {

                           string filePathSvr = Path.Combine(folder, nameOri);

     

                        //

                        if(!Directory.Exists(filePathSvr)) file.SaveAs(filePathSvr);

                           Response.Write("http://10.168.4.209:83" + uploadPath + nameOri);

                       }

                  }

             }

         }

    }

     

    2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持

    目前项目是用了一种变通的方式:

    先把word上传到后台 、poi解析、存储图片 、转换html、替换图片、放到富文本框里显示

    (富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下

    var WordPasterConfig = {

         "EncodeType"           : "GB2312"

         , "Company"                : "荆门泽优软件有限公司"

         , "Version"                : "1,5,131,51655"

        , "License2": ""

         , "Debug"              : false//调试模式

         , "LogFile"                : "f:\\log.txt"//日志文件路径

         , "PasteWordType"      : ""//粘贴WORD的图片格式。JPG/PNG/GIF/BMP,推荐使用JPG格式,防止出现大图片。

         , "PasteImageType"    : ""//粘贴文件,剪帖板的图片格式,为空表示本地图片格式。JPG/PNG/GIF/BMP

         , "PasteImgSrc"            : ""//shape:优先使用源公式图片,img:使用word自动生成的图片

        , "JpgQuality"         : "100"   //JPG质量。0~100

         , "QueueCount"             : "5"//同时上传线程数

         , "CryptoType"             : "crc"//名称计算方式,md5,crc,sha1,uuid,其中uuid为随机名称

         , "ThumbWidth"             : "0"//缩略图宽度。0表示不使用缩略图

         , "ThumbHeight"            : "0"//缩略图高度。0表示不使用缩略图

         , "FileFieldName"      : "file"//自定义文件名称名称

        , "ImageMatch"         : ""//服务器返回数据匹配模式,正则表达式,提取括号中的地址

        , "FormulaDraw"             : "gdi"//公式图片绘制器,gdi,magick

        , "AppPath"                 : ""

         , "Cookie"                 : ""

        , "Servers"             :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)

         , "IcoError"            : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/error.png"

        , "IcoUploader"         : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/upload.gif"

         , "PostUrl"                : "http://www.ncmem.com/products/word-imagepaster/fckeditor2461/asp.net/upload.aspx"

        //x86

         , "ClsidParser"            : "2404399F-F06B-477F-B407-B8A5385D2C5E"

         , "CabPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.cab"

         //x64

         , "ClsidParser64"      : "7C3DBFA4-DDE6-438A-BEEA-74920D90764B"

         , "CabPath64"          : "http://www.ncmem.com/download/WordPaster2/WordPaster64.cab"

         //Firefox

         , "XpiType"               : "application/npWordPaster2"

         , "XpiPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.xpi"

         //Chrome

         , "CrxName"                : "npWordPaster2"

         , "CrxType"               : "application/npWordPaster2"

         , "CrxPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.crx"

        //Edge

        , edge: { protocol: "wordpaster", port: 9200, visible: false }

        , "ExePath": "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"

        , "mac": {path: "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"}

    };

     

    3、官方刚发表新版本说已经添加功能:

     

    ckeditor编辑器批量上传的效果

     

    图片已经上传到服务器端

     

    图片地址已经替换过来了

     

    可以看得出来,效果和用户体验都非常好。用户借助于此功能编辑功能得到大幅度提升了。

     

    http://blog.ncmem.com/wordpress/2019/08/07/ckeditor%E7%B2%98%E8%B4%B4%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/

    展开全文
  • word粘贴图片到ekitor

    2019-11-28 14:36:19
    最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能。...在网上查了很资料,UEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但是我们的用户需...

    最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能。

    我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的。目前还没有固定哪一个编辑器

    有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。

    在网上查了很多资料,UEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字,一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。

    在网上找到说UEditor支持word粘贴,试了一下,只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话,那么用户就需要手动选择20次,这种操作用户是不可能接受的。

     

    网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。

    1、前端引用代码

     

    <!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>编辑器完整版实例-1.2.6.0</title>

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

        <scripttype="text/javascript" src="ueditor.all.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/WordPaster.js" charset="utf-8"></script>

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

    </head>

    <body>

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

        <scripttype="text/javascript">

            var pasterMgr = new WordPasterManager();

        pasterMgr.Config["PostUrl"] = "http://localhost:81/WordPaster2/WordPasterUEditor1x/php/upload.php"

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

            

              UE.getEditor('myEditor',{onready:function(){//创建一个编辑器实例

                  pasterMgr.SetEditor(this);

              }});

        </script>

    </body>

    </html>

     

    请求

    文件上传的默认请求是一个文件,作为具有“upload”字段的表单数据。

    响应:文件已成功上传

    当文件成功上传时的JSON响应:

    uploaded- 设置为1。

    fileName - 上传文件的名称。

    url - 上传文件的URL。

    响应:文件无法上传

    uploaded- 设置为0。

    error.message - 要显示给用户的错误消息。

    2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持

    目前项目是用了一种变通的方式:

    先把word上传到后台 、poi解析、存储图片 、转换html、替换图片、放到富文本框里显示

    (富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下

     

    success : function(data) {

         $('#content').attr('value',data.imagePath);

         var editor = CKEDITOR.instances["content"]; //你的编辑器的"name"属性的值

         if (editor) {

           editor.destroy(true);//销毁编辑器

          }     

         CKEDITOR.replace('content'); //替换编辑器,editorID为ckeditor的"id"属性的值

         $("#content").val(result);    //对editor赋值

         //CKEDITOR.instances.contentCkeditor.setData($("#content").text());

     }

    3.接收上传的图片并保存在服务端

     

    <?php

    ob_start();

    //201201/10

    $timeDir = date("Ym")."/".date("d");

    $uploadDir = dirname(__FILE__).'/upload/'.$timeDir;

    $curDomain = "http://".$_SERVER["HTTP_HOST"]."/";

    //相对路径 http://www.ncmem.com/upload/2012-1-10/

    $relatPath = $curDomain ."WordPaster2/WordPasterUEditor1x/php/upload/" . $timeDir . "/";

     

    //自动创建目录。upload/2012-1-10

    if(!is_dir($uploadDir))

    {

        mkdir($uploadDir,0777,true);

    }

     

    //如果PHP页面为UTF-8编码,请使用urldecode解码文件名称

    //$fileName = urldecode($_FILES['postedFile']['name']);

    //如果PHP页面为GB2312编码,则可直接读取文件名称

    $fileName = $_FILES['file']['name'];

    $tmpName = $_FILES['file']['tmp_name'];

     

    //取文件扩展名jpg,gif,bmp,png

    $path_parts = pathinfo($fileName);

    $ext = $path_parts["extension"];

    $ext = strtolower($ext);//jpg,png,gif,bmp

     

    //只允许上传图片类型的文件

    if($ext == "jpg"

        || $ext == "jpeg"

        || $ext == "png"

        || $ext == "gif"

        || $ext == "bmp")

    {

        //年_月_日_时分秒毫秒.jpg

        $saveFileName = $fileName;

     

        //xxx/2011_05_05_091250000.jpg

        $savePath = $uploadDir . "/" . $saveFileName;

     

        //另存为新文件名称

        if (!move_uploaded_file($tmpName,$savePath))

        {

             exit('upload error!' . "文件名称:" .$fileName . "保存路径:" . $savePath);

        }

    }

     

    //输出图片路径

    //$_SERVER['HTTP_HOST']   localhost:81

    //$_SERVER['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php

    $reqPath = str_replace("upload.php","",$_SERVER['REQUEST_URI']);

    echo $relatPath .  $saveFileName;

    header('Content-type: text/html; charset=utf-8');

    header('Content-Length: ' . ob_get_length());

    ?>

     

    前端效果:

    接下来就看一下具体操作吧

    1、打开工程:

    对于文档的上传我们需要知道这个项目的逻辑是否符合我们的构造。

    运行:

    尝试使用文档复制后粘贴进来:

    图片上传进度

    通过粘贴后,文档以及图片被粘贴进来了,看看html代码是否如我们的预期:

    看来这个工程完全符合我们的预期,图片全部使用img标签统一。传输进度条的效果超出了我的意料。

    来看看我们的文档图片被放置在哪了:

    地址:D:\wamp64\www\WordPasterCKEditor4x\php\upload\201904\16

    图片被统一放置在文件夹。

    由此看来这个项目的实际效果大大超出了我的意料了,带入工程后完美的优化了工程项目

    工程目录截图:

    详细参考:

    http://blog.ncmem.com/wordpress/2019/08/07/ckeditor%E7%B2%98%E8%B4%B4%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/

     

    展开全文
  • 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.extra...

    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受,如果图片数量比较多,这种操作就显得非常的麻烦。

    1、只粘贴图片并上传到服务器

    config.extraPlugins = 'uploadimage';

    //config.uploadUrl = '上传路径';

    config.imageUploadUrl= '上传路径';

    请求

    文件上传的默认请求是一个文件,作为具有“upload”字段的表单数据。

     

    响应:文件已成功上传

    当文件成功上传时的JSON响应:

    uploaded- 设置为1。

    fileName - 上传文件的名称。

    url - 上传文件的URL。

    响应:文件无法上传

    uploaded- 设置为0。

    error.message - 要显示给用户的错误消息。

    using System;

    using System.Web;

    using System.IO;

     

    namespace WordPasterCK4

    {

        publicpartialclassupload : System.Web.UI.Page

         {

             protectedvoid Page_Load(object sender, EventArgs e)

             {

                  string fname = Request.Form["UserName"];

                  int len = Request.ContentLength;

     

                  if (Request.Files.Count > 0)

                  {

                       DateTime timeNow = DateTime.Now;

                       string uploadPath = "/upload/" + timeNow.ToString("yyyyMM") + "/" + timeNow.ToString("dd") + "/";

     

                       string folder = Server.MapPath(uploadPath);

                       //自动创建目录

                       if (!Directory.Exists(folder)) Directory.CreateDirectory(folder);

                       HttpPostedFile file = Request.Files.Get(0);

     

                    //原始文件名称,由控件自动生成。

                    //md5.png,crc.png,uuid.png,sha1.png

                    string nameOri = file.FileName;

                       string ext = Path.GetExtension(nameOri).ToLower();

     

                       //只支持图片上传

                       if (    ext == ".jpg"

                        ||  ext == ".jpeg"

                        ||  ext == ".png"

                           ||  ext == ".gif"

                           ||  ext == ".bmp")

                       {

                           string filePathSvr = Path.Combine(folder, nameOri);

     

                        //

                        if(!Directory.Exists(filePathSvr)) file.SaveAs(filePathSvr);

                           Response.Write("http://10.168.4.209:83" + uploadPath + nameOri);

                       }

                  }

             }

         }

    }

     

    2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持

     

    目前项目是用了一种变通的方式:

    先把word上传到后台 、poi解析、存储图片 、转换html、替换图片、放到富文本框里显示

    (富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下

    var WordPasterConfig = {

         "EncodeType"           : "GB2312"

         , "Company"                : "荆门泽优软件有限公司"

         , "Version"                : "1,5,131,51655"

        , "License2": ""

         , "Debug"              : false//调试模式

         , "LogFile"                : "f:\\log.txt"//日志文件路径

         , "PasteWordType"      : ""//粘贴WORD的图片格式。JPG/PNG/GIF/BMP,推荐使用JPG格式,防止出现大图片。

         , "PasteImageType"    : ""//粘贴文件,剪帖板的图片格式,为空表示本地图片格式。JPG/PNG/GIF/BMP

         , "PasteImgSrc"            : ""//shape:优先使用源公式图片,img:使用word自动生成的图片

        , "JpgQuality"         : "100"   //JPG质量。0~100

         , "QueueCount"             : "5"//同时上传线程数

         , "CryptoType"             : "crc"//名称计算方式,md5,crc,sha1,uuid,其中uuid为随机名称

         , "ThumbWidth"             : "0"//缩略图宽度。0表示不使用缩略图

         , "ThumbHeight"            : "0"//缩略图高度。0表示不使用缩略图

         , "FileFieldName"      : "file"//自定义文件名称名称

        , "ImageMatch"         : ""//服务器返回数据匹配模式,正则表达式,提取括号中的地址

        , "FormulaDraw"             : "gdi"//公式图片绘制器,gdi,magick

        , "AppPath"                 : ""

         , "Cookie"                 : ""

        , "Servers"             :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)

         , "IcoError"            : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/error.png"

        , "IcoUploader"         : "http://www.ncmem.com/products/word-imagepaster/ckeditor353/WordPaster/upload.gif"

         , "PostUrl"                : "http://www.ncmem.com/products/word-imagepaster/fckeditor2461/asp.net/upload.aspx"

        //x86

         , "ClsidParser"            : "2404399F-F06B-477F-B407-B8A5385D2C5E"

         , "CabPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.cab"

         //x64

         , "ClsidParser64"      : "7C3DBFA4-DDE6-438A-BEEA-74920D90764B"

         , "CabPath64"          : "http://www.ncmem.com/download/WordPaster2/WordPaster64.cab"

         //Firefox

         , "XpiType"               : "application/npWordPaster2"

         , "XpiPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.xpi"

         //Chrome

         , "CrxName"                : "npWordPaster2"

         , "CrxType"               : "application/npWordPaster2"

         , "CrxPath"                : "http://www.ncmem.com/download/WordPaster2/WordPaster.crx"

        //Edge

        , edge: { protocol: "wordpaster", port: 9200, visible: false }

        , "ExePath": "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"

        , "mac": {path: "http://www.ncmem.com/download/WordPaster2/WordPaster.exe"}

    };

     

    3、官方刚发表新版本说已经添加功能:

     

    ckeditor编辑器批量上传的效果

     

    图片已经上传到服务器端

     

    图片地址已经替换过来了

     

    可以看得出来,效果和用户体验都非常好。用户借助于此功能编辑功能得到大幅度提升了。

    详细配置信息可以参考这篇文章:

    http://blog.ncmem.com/wordpress/2019/08/07/ckeditor%E7%B2%98%E8%B4%B4%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/

    展开全文
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...
  • ueditor word粘贴上传

    2019-06-12 10:54:30
    Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十,我总不能一张一张复制吧 ? 我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 网上找了很久,大部分都有一些不...
  • word如何选择图片粘贴

    2019-11-29 09:26:28
    自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.extra...
  • kindeditor+粘贴word图片

    2019-06-13 11:36:39
    公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器(在线富文本编辑器)中。...在网上查了很资料,UEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但...
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后,复制内容然后直接...
  • word粘贴复制的图片,一键上传到编辑器中,另外支持多文件上传,一次批量选择上传多张图片word,excel等
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后,复制内容然后直接...
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后,复制内容然后直接...
  • ueditor粘贴word图片

    2019-11-26 16:27:28
    我司需要做一个需求,就是使用富文本编辑器时,不要以上传附件的形式上传图片,而是以复制粘贴的形式上传图片. 在网上找了一下,有一个插件支持这个功能。 WordPaster 安装方式如下: 直接使用WordPaster.exe安装...
  • word粘贴图片到ueditor

    千次阅读 2019-04-17 10:20:26
    公司做的项目要用到文本上传功能。 网上找了很久,大部分都有一些不成熟的...通过粘贴后,文档以及图片粘贴进来了,看看html代码是否如我们的预期: 看来这个工程完全符合我们的预期,图片全部使用img标签统...
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后,复制内容然后直接...
  • 时候我们用一些管理系统的时候,发布新闻、公告等文字类信息时,希望能很快的将word里面的内容直接粘贴到富文本编辑器里面,然后发布出来。减少排版复杂的工作量。 下面是借用百度doc 来快速实现这个word 粘贴...
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...
  • 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.extra...
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。 我希望打开Word或者WPS文档后,复制内容...
  • 让富文本编辑器支持复制doc中多张图片直接粘贴上传 Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? 我希望打开文档doc直接复制粘贴到富文本...
  • 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web...1、只粘贴图片并上传到服务器 config.extra...
  • 时候我们用一些管理系统的时候,发布新闻、公告等文字类信息时,希望能很快的将word里面的内容直接粘贴到富文本编辑器里面,然后发布出来。减少排版复杂的工作量。 下面是借用百度doc 来快速实现这个word 粘贴...
  • tinymce粘贴word

    2019-06-12 11:15:47
    Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十,我总不能一张一张复制吧 ? 我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 网上找了很久,大部分都有一些不...
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...
  • 时候我们用一些管理系统的时候,发布新闻、公告等文字类信息时,希望能很快的将word里面的内容直接粘贴到富文本编辑器里面,然后发布出来。减少排版复杂的工作量。 下面是借用百度doc 来快速实现这个word 粘贴...
  • 时候我们用一些管理系统的时候,发布新闻、公告等文字类信息时,希望能很快的将word里面的内容直接粘贴到富文本编辑器里面,然后发布出来。减少排版复杂的工作量。 下面是借用百度doc 来快速实现这个word 粘贴...
  • 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,778
精华内容 7,911
关键字:

word粘贴多张图片