WordPaster+ckeditor+phpcms+Word一键粘贴图片

给一个客户网站搬迁时,用户提了几点要求,后台发布编辑文章时不能复制word里的图片直接粘贴到编辑框里,还需要另外单独通过图片上传在插入到文章中,使用时觉得太过于繁琐,问我能不能修改一下,于是百度了一下,发现WordPaster可以实现该功能,整合这个插件时遇到几个问题,分享一下给大家。
1.环境:IIS7 WIN2012 +PHPCMS V9 PHP5.2.17 ckeditor不知道是版本
2.上传文件
2.0上传upload.php文件到根目录下

2.1 上传WordPaster文件夹到 root\statics\js下

2.2上传imagepaster文件夹到 root\statics\js\ckeditor\plugins

3.修改文件
3.1修改文件upload.php

3.2修改文件form.class.php

3.3修改文件header.tpl.php 引入js css

4.申请授权码 修改w.js 文件
说明:该插件收费软件

原文地址:https://blog.51cto.com/i0794/2444734

时间: 2024-11-12 16:44:39

WordPaster+ckeditor+phpcms+Word一键粘贴图片的相关文章

ckeditor 实现ctrl+v粘贴图片并上传、word粘贴带图片

由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来解决这一问题 发现不管什么编辑器只要将图片转换成base64后就可以直接使用(IE8及一下可能不支持),由于编辑器中添加word文档功能也只是自己用,因此可以忽略这种浏览器了 找了很久,试用了很多编辑器,

word里面粘贴图片,怎么显示的不全?

分析处理     出现此故障的原因有可能是设置为固定值的文档行距小于图形的高度,从而导致插入的图形只显示出了一部分.可以采用如下的方法解决:  一. 首先,选定该图形,单击[开始]tab页中的[段落]项的右方的箭头,打开[段落]对话框.  二. 在[段落]对话框中,单击[缩进和间距]选项卡,在[行距]框中选择[单倍行距],如果在[行距]框中选择了[固定值],就需要注意将[设置值]框中的数值改为合适的高度值  三. 单击[确定]按钮.       四.也可以全部选择文档,把那个[段落]中的[行距]

Fckeditor实现WORD粘贴图片自动上传

在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper. 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法. 其原理为一下步骤: 监听粘贴事件:[用于插入图片] 获取光标位置:[记录图片插入位置] 获取剪切板内容:[主要是获取文件] 上传剪切板图片: 在指定光标位置插入图片. 以下是代码部分: 1.获取光标代码部分,大部分都是直接利用TheViper的代码,只是做了简单的修改,在获取光标

word如何选择图片粘贴

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

Ckeditor 中粘贴图片

我们在ckeditor 中有上传图片,但是实际使用中这种手动上传图片方式并不是很方便,而是复制或者截图粘贴图片. 这里我们实现主要是获取对应的粘贴事件. CKEDITOR.instances["editor1"].on('instanceReady', function(e) { this.document.on("paste", function(e) { var items = e.data.$.clipboardData.items; for(var i =

怎样将word中的图片插入到CSDN博客中

目前大部分的博客作者在用Word写博客这件事情上都会遇到以下3个痛点: 1.所有博客平台关闭了文档发布接口,用户无法使用Word,Windows Live Writer等工具来发布博客.使用Word写博客需要在第三方博客平台注册帐号,且需要第三方博客平台提供API接口.目前的有的博客平台均已关闭博客接口,所以无法使用Word来发布博客. 2.发布到博客或公众号平台的图片无法转载.由于所有博客平台,公众号平台(如微信)开启了图片防盗链功能,作者发布到这些平台上的图片则无法转载到其它的网站中,这限制

KindEditor4.1.10,支持粘贴图片

转载自https://blog.csdn.net/jimmy0021/article/details/73251406 我已经忘记我是不是从这个博主的那里找到的解决kindeditor粘贴图片的方法了,因为上次处理这个问题已经快半年了.以下是正文 KindEditor4.1.10,使得他能够在Chrome和IE11中直接粘贴复制的图片(比如通过截图工具把图片直接保存在剪切板中),然后调用上传URL上传图片 方法,修改kindeditor.js中的代码: 在5825行附近大概是下面这个样子的: 1

OpenXml入门---word里面插入图片

下面介绍如何在word里面插入图片,顺便小弟发现MSDN官网有完整的OpenXML教程,虽然是全英文的不过还是很有帮助的. Tips,原来摘抄代码里面没有模板,在copy过来发现插入word中的图片大小不一样,我们如何查找设置图片大小带代码的那一块,建议自己用在word里面插入一张图片,通过OpenXml Tools 反编译出C#代码,然后改变图片的大小,再次反编译. 使用byeond compare [http://www.scootersoftware.com/ 下载地址]比较C#代码,就会

kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功能 kindeditor修改图片上传路径并通过webapi上传图片到图片服务器(支持分布式图片) 结果演示 1.扩展粘贴图片功能演示 2.修改图片上传路径演示: 我们的网站演示地址是:http://localhost:9393/ 我们的图片服务器地址是:http://localhost:9394/