精华内容
下载资源
问答
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。 我希望打开Word或者WPS文档后,复制内容...

    Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧?
    Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。

    我希望打开Word或者WPS文档后,复制内容然后直接粘贴到富文本编辑器中,编辑器自动将图片批量上传到服务器中,无论文档中有多少张图片,编辑器都全部自动上传,不需要再手动一张张处理。同时能够将图片上传到我指定的接口中,服务器需要将图片单独保存在存储服务器中,比如可能是云存储,或者是分布式存储,最后直接发布内容。
     

     

    感觉这个似乎很困难,因为Ueditor本身不支持,粘贴后直接就是空白,这里面一定有原因。

    好,开始尝试UMeditor,Chrome只能获得本地路径,无法读取文件。

    https://ueditor.baidu.com/website/umeditor.html(有兴趣可以试试)

     

     

    难道就这么失败了?

    不,但是我意外发现UMeditor竟然支持粘贴word中的多张图片(仅支持IE11,不支持IE10以下版本、以及Chrome等)

    切换HTML,会看到你的图片被组织成base64 

     

    nice,机会来了,既然IE支持复制word中的多张图片直接粘贴base64,既然有了base64我们就有办法上传转图片啦!

    那么我们来改造Ueditor,让他支持IE11(总比没得用强吧)

    打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同)

    1、注释掉14679行(暂时不明确有什么不良影响)

    //执行默认的处理

    //me.filterInputRule(root);

    2、在28725行插入以下代码(如果是使用IE11粘贴会得到base64,先用占位符占位,再逐个把base64专成Blob文件并上传,上传完成再替换为你的img属性src为服务器图片url)

     

    服务端上传代码

     

    处理后的效果,能够批量上传word中所有的图片,真的是太方便了。无论多少张图片都可以一次性批量上传。这个功能真的是太方便了,大幅度提升了内容编辑人员的效率。以前一天只能发布一篇文章,现在能够发布100篇,这效率简直提升了100倍呀。

     

    图片上传后保存在服务器端。而且也可以指定上传接口地址,这个也比较方便。因为我们的业务是将图片保存在单独的云存储服务器中。

     

    3、处理ueditor提供的uploadimage方法

    客户已经使用半年,没有问题,非常有用,非常方便的功能

    有需要的朋友可以下载:http://blog.ncmem.com/wordpress/2019/08/07/ueditor复制word图片粘贴上传-2/

    展开全文
  • 公司做的项目需要用到粘贴Word功能。...我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。 1、前台页面引用代码...

    公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器(在线富文本编辑器)中。Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我总不能一张一张复制吧 ?

    我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 

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

    1、前台页面引用代码

    <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="index.aspx.cs"Inherits="CKEditor353.index" %>

    <!DOCTYPEhtmlPUBLIC"-//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>

        <title>WordPaster For CKEditor-3.x</title>

        <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/WordPaster.js"charset="utf-8"></script>

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

         <scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>

    </head>

    <body>

         <textareaid="editor1"name="editor1"><imgsrc="http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png"width="134"height="44"/></textarea>

        <scripttype="text/javascript">

            var pasterMgr = new WordPasterManager();

            pasterMgr.Config["PostUrl"] = "http://localhost:2797/asp.net/upload.aspx";//这里填网站的上传路径

            pasterMgr.Config["Cookie"] = 'ASP.NET_SessionId=<%=Session.SessionID%>';

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

     

            CKEDITOR.on('instanceReady', function (evt)

            {

                pasterMgr.SetEditor(evt.editor);

            });

            //自定义快捷键

            CKEDITOR.config.keystrokes = [

                  [CKEDITOR.CTRL + 86/*V*/, 'imagepaster']

            ];

            //加载CKEditor编辑器

            CKEDITOR.replace('editor1');

         </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.接收上传的图片并保存在服务端

    using System;

    using System.Collections.Generic;

    using System.Web;

    using System.Web.UI;

    using System.Web.UI.WebControls;

    using System.IO;

    using System.Text;

     

    namespace WordImages.asp.net

    {

         publicpartialclassupload : System.Web.UI.Page

         {

             protectedvoid Page_Load(object sender, EventArgs e)

             {

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

                  int len = Request.ContentLength;

     

                System.Diagnostics.Debug.Write(Session["ck"]);

     

                  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);

                       string ext = Path.GetExtension(file.FileName).ToLower();

                       //只支持图片上传

                       if (ext == ".jpg"

                        || ext == ".jpeg"

                           || ext == ".png"

                           || ext == ".gif"

                           || ext == ".bmp"

                        || ext == ".webp")

                       {

                           string filePath = Path.Combine(folder, file.FileName);

     

                        //

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

                           Response.Write(uploadPath + file.FileName);

                       }

                  }

             }

         }

    }

     

    HTTP协议

    请求头数据:

     

    请求表单数据:

     

    前端效果:

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

    1、打开工程:

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

    运行:

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

    图片上传进度

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

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

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

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

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

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

    工程目录截图:

     

    控件包:

    IE(x86):http://t.cn/AiC6segS

    IE(x64):http://t.cn/AiCXv7ti

    Chrome:http://t.cn/AiC6s86u

    Firefox:http://t.cn/AiCXvMr5

    exe:http://t.cn/AiCXvoVl

     

    示例下载:

    FCKEditor2x:http://t.cn/AiCaglBC

    CKEditor3x:http://t.cn/AiCagROE

    CKEditor4x:http://t.cn/AiCagum4

    CuteEditor6x:http://t.cn/AiCasJmE

    KindEditor3x:http://t.cn/AiCasa2h

    KindEditor4x:http://t.cn/AiCasoFp

    TinyMCE3x:http://t.cn/AiCasN26

    TinyMCE4x:http://t.cn/AiCasOiM

    UEditor1x:http://t.cn/AiCasl3t

    xhEditor1x:http://t.cn/AiCasTa1

    eWebEditor:http://t.cn/AiCas8aK

    展开全文
  • 写CSDN博客如何复制粘贴图片

    千次阅读 2018-07-27 10:16:47
    用csdn一段时间了,发现markdown编辑器每次都没法复制粘贴截图,这个超级麻烦的,每次都要自己一张一张上传图片,很费时间。 最近实在受不了了,去网上查了一下,自己也试了一下,有一些发现,分享在此。 ...

    前言

    用csdn一段时间了,发现markdown编辑器每次都没法复制粘贴截图,这个超级麻烦的,每次都要自己一张一张上传图片,很费时间。

    最近实在受不了了,去网上查了一下,自己也试了一下,有一些发现,分享在此。

    一、方法

    1. 在Markdown中拖拽图片

    可以拖拽图片到markdown编辑器。这样总比一张张上传图片要好。

    2. 使用html编辑器

    在博客设置中把markdown编辑器改成html编辑器,可以自由复制粘贴图片。

    然而,我已经习惯了markdown编辑器了,对Markdown的语法比较熟悉,如果要用html编辑器,需要重新熟悉html语法。

    二、总结

    还是希望能够给markdown编辑器添加**“复制粘贴图片”**的功能。

    文末诗词

    卷地风来忽吹散,望湖楼下水如天。             ——苏轼《六月二十七日望湖楼醉书》 二三语:苏轼在谪居杭州西湖时写的七言绝句。狂风而起,“忽”使雨散云飞;望湖楼下碧波万顷,恰似抬头所看之天。

    写作时间:2018-07-27

    展开全文
  • 本文实例讲述了js实现点击后将文字或图片复制到剪贴板的方法,代码非常简洁实用,具体功能代码如下所示: 实现复制文字代码: <th width=100% xss=removed><s name=询单明细></s></th> <textarea ...
  • markdown编辑器每次都没法复制粘贴截图! 下面小编教大家如何快速复制csdn博客中md编辑器的图片: 方法一: 步骤:最好先选中图片,如下图呈现“蓝色”选中单张图片,然后按右键“复制图片”,最好“ctrl+V”或右键...

    原文地址:https://www.fang1688.cn/study-code/1434.html

    前言

    我们在使用csdn的markdown编辑器复制其它网站图片,按住ctrl+C复制选择图片,然后按ctrl+V粘贴图片到md编辑器无任何反应!markdown编辑器每次都没法复制粘贴截图!

    下面小编教大家如何快速复制csdn博客中md编辑器的图片:

    方法一:

    步骤:最好先选中图片,如下图呈现“蓝色”选中单张图片,然后按右键“复制图片”,最好“ctrl+V”或右键“粘贴”。最终复制完成!

    有时候会偶尔上传失败,实在不行只能复制图片的网址在插入图片了!

    注意:每次只能快速复制一张图片,不能同时多选中多张图片!这是csdn系统没有复制功能完善好的原因,希望csdn以后给markdown编辑器添加“复制粘贴图片”的功能。

    在这里插入图片描述

    在这里插入图片描述

    最终效果:
    在这里插入图片描述

    方法二:

    在csdn“博客设置”切换成“富文本编辑器”,此方法比较麻烦,需要每次到博客设置切换(不推荐)。
    在这里插入图片描述

    另外好多小伙伴要求小编定时推送使用编程技巧干货。我最近也在自己的博客整理大量的使用工具小技巧分享给大家!更多干货请看我的工作号“优派编程”,回复“下载”,即可获取编程学习资料资源!
    关于最好有部分小伙伴说这两种方法有时候会失败,或者不用选中图片,小编也是了不选中图片也可以,但是失败概率很大!主要是系统不完善!最后希望大家多点实践复制图片的快速方法。大家在评论区一起交流!

    原文地址:“方包博客”---------https://www.fang1688.cn/study-code/1434.html

    展开全文
  • 复制粘贴是一种十分常见的,而且十分简单的电脑操作程序,相信对于玩电脑的亲们来说,复制粘贴肯定是不陌生的,不就是简单的Ctrl+C,Ctrl+V嘛,其实这只是最简单的复制粘贴,进一步的方法,你知道吗,下面小编就给...
  • 今天小编就为大家分享一篇使用python 将图片复制到系统剪贴中,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • <br />VBA编程 <br />事半功倍 ---- 快速复制图片和文字到多张幻灯片 <br />  如何快速的把一段文字或一个图片粘贴到“几张”幻灯片中?  这是一个常用功能。将一些图片和文字复制到一...
  • 使用电脑久了就会猛然发现,电脑的快捷键的使用总可以让我们提高工作效率,比如我们使用电脑最常用的复制和粘帖操作,当然鼠标的右键也可以粘贴和复杂了,那么电脑怎么使用快捷键复制粘贴?下面,小编就来跟大家分享...
  • vue-quill-editor的增强模块,功能:提供图片上传到服务器的功能复制插入拖拽插入显示上传进度显示上传成功或者失败支持与其他模块一起使用(例如调整图片大小)Installnpm install quill-image-extend-module --save-...
  • 比如你两张图片同样大,每宽200像素,高300像素,那么合并在一起宽400像素,高还是300像素。1、你把这两张图片放在桌面上。2、在你的电脑上,点开始,在所有程序里找到画图,并打开它。3、画图打开后,点菜单...
  • 推荐几款好用的富文本编辑器 wangEditor --基于js和css开发,简单易用容易开发。官网地址 ...官网教程内容比较丰富,插件支持也比较,但是不支持markdown。 editor.nd 功能齐全,支持markdown编辑,...
  • VSCode配置 c++ 环境(小白教程)

    万次阅读 多人点赞 2020-01-28 16:26:48
    [ { "description": "Enable pretty-printing for gdb", "text": "-enable-pretty-printing", "ignoreFailures": true } ] } ] } tasks.json 直接复制粘贴即可,无需修改   这里我顺便把 exe 的路径改了。...
  • 可是不管怎么熟悉word的网友有的时候也会遇到一些word莫名其妙的问题不知道怎么解决,就比如前两天小编的同事就在用word的时候发现无法复制粘贴的故障,那么为什么会出现这个情况呢,小编就来给你讲讲在Word中无法...
  • 怎么把一张普通的图片复制到EXCEL表格中以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!怎么把一张普通的图片复制到EXCEL表格中点击’插入’ ->’...
  • vue-quill-editor的增强模块,提供图片上传,复制插入,拖拽插入,支持与其他模块一起使用
  • 我们已经有那么解决方案(Method)了,我们为什么要用它(Why)?如果这项技术那么好且我们正好有场景可以用到这项技术,且能使我们的系统得到很乐观的优化,那么我们怎么用呢(How)?大概已经有同学觉得这些问题很熟悉...
  • 复制csdn或者博客园文章时,图片无法直接粘贴过来解决办法。 1、csdn 文章页面,打开浏览器开发者工具 2、找到文章正文对应的 html 元素,按ctrl+f输入标签头关键字 (含 "article_content"标签头(csdn文章) ,如果...
  • 例如上面效果的设置方法:1、单击插入----图片按钮;...还可以参照下面操作:1、准备你要合成的两张图片,可以放在电脑桌面上,方便找。2、点击电脑左下角开始-Microsoft office-Microsoft office Wo...
  • 相信对于玩电脑的亲们来说,复制粘贴肯定是不陌生的,不就是简单的...如果遇到文档、图片、视频混一起,想分开,初级的办法就是一个一个选,然后复制粘贴。再就是分类复制粘贴。对于经常要分类整理,可以编个最简...
  • 一般情况:ctrl+a复制 ctrl+v粘贴 全选是全选了但是怎么选择去掉一些多余的呢? 这种情况:ctrl+a复制 end滑动到底部 我们左右摁住shift键 右手鼠标左键单击把文字往上托就行了 怎么托:就是你日常是摁住选择文字往...
  • 怎么把几照片合在一起1、如图,打开photoshop后同时按住Ctrl+N新建一个空白文件,设置好参数后点击确定,将会得到一个空白图形。2、如图,同时按住Ctrl+O打开需要合并的图片,这里有三张图片,先打开图片1。3、如...
  • Word里少改一个标题,Excel中写错一个小数点,PPT中忘记改图片的名字。不断地出错,不断地重做,不断地因为小问题而被领导训斥。早该是下班时间的你,却还是坐在电脑前加班。为什么重复的劳动占据了你所有的时光?.....
  • “ 阅读本文大概需要 1 分钟。 ”问题最近开发过程中遇到了一个小知识点,这里有一张 Base64 编码的图片,我想要把它复制到系统的粘贴板中,这个该怎么解决?比如这里有一张图:404我可...
  • react+electron实现自定义右键菜单复制粘贴,可以在 electron app 和 其他应用比如 word txt 之间自由复制粘贴。 有啥问题欢迎到我的博客留言一起讨论 首先上图看效果 [外链图片转存失败,源站可能有防盗链机制,建议...
  • 小甲鱼零基础入门学习python笔记

    万次阅读 多人点赞 2019-08-14 11:06:30
    注:在 Python 中不能把两个完全不同的东西加在一起,比如说数字和文本 如果我需要在一个字符串中嵌入一个双引号,正确的做法是:你可以利用反斜杠(\)对双引号转义:\",或者用单引号引起这个字符串 001 我和...
  • 但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后,复制内容然后直接...
  • 【实例简介】【实例截图】【核心代码】string strHTML = "测试内容事实上20120933";//file:///C:/Users/Administrator/Downloads/qqface_template/tempHtmlFile.htmlstrHTML = ...WebBrowser webBrowser = new ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,281
精华内容 6,512
关键字:

多张图片一起复制粘贴