百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Word图文一键粘贴(导入)-UEditor1.x-整合教程

yuyutoo 2024-10-12 01:14 7 浏览 0 评论

说明:UEditor1.4x示例中编辑器版本已经升级到ueditor-1.4.3.3,请下载最新的示例。
已经提供asp,asp.net,jsp,php,vue等语言的示例。

1.1. 集成到UEditor1.x

说明:

1.wordpaster以插件形式集成到ueditor中,不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。

2.wordpaster使用的上传页面是一个单独的页面,和ueditor官方demo中的上传页面不是同一个页面。

3.wordpaster与ueditor版本无关,可支持多个版本。

4.wordpaster是基于插件技术实现的功能,使用前需要安装插件。


1.下载示例:

http://www.ncmem.com/webapp/wordpaster/versions.aspx


项目:
1.复制目录:WordPaster
ueditor1.4x示例中,wordpaster插件JS采用更加合理的方式实现了插件,不需要再修改ueditor的任何代码,请下载ueditor1.4x示例使用。



2.引入组件并初始化


注意:不要重复引入jquery,如果您的项目已经引入了jq,则不用再引入jq-1.4


3.配置上传接口地址(PostUrl)


示例中上传接口默认返回的数据是图片的完整路径。如:http://www.ncmem.com/test.jpg

如果您的上传接口返回JSON数据请修改ImageMatch配置,参考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

如果您的上传接口有SESSION验证,则请配置COOKIE,参考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
如果使用的是ueditor自带的上传接口,请修改文件字段名称,参考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

注意:

1.如果接口字段名称不是file,请配置FileFieldName。ueditor接口中使用的upfile字段


参考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

2.如果接口返回JSON,请配置ImageMatch


参考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

3.如果接口返回的图片地址没有域名,请配置ImageUrl


参考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。
参考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3


整合后的效果:
整合后,在工具栏中会多出两个图标按钮。


图标定义位置:


1.1.7. 添加到右键菜单

集成后的效果:


1.1.8. 自定义Ctrl+V快捷键

UEditor后端配置说明:

http://fex.baidu.com/ueditor/#server-config

说明:

WordPasterManager必须申明成全局变量

批量粘贴效果:


自动替换编辑器中的图片地址:在上传多张图片时非常方便,也非常高效。


图片保存路径:


常见问题:

1.为什么整合到项目中图片无法上传?

可能原因:可能上传页面有登陆验证,上传时没有添加SESSION信息,导致上传失败。可在上传页面增加SESSION参数。

2.整合后无法粘贴图片

可能原因:http://www.ncmem.com/doc/view.aspx?id=305840a72ab142378b3960b6a224bd75

相关推荐

MySQL中的数据类型(mysql数据类型有哪些,并举例)

MySQL中的数据类型...

mysql窗口函数over中rows_MySQL窗口函数

下面的讲解将基于这个employee2表:mysql>SELECT*FROMemployee2;+----+-----------+------+---------+---------...

别再说你精通数据库,MySQL的设计和列类型选取真的很有讲究

总想写一篇MySQL的设计和列类型选取的文章,一直挤不出时间。天天晚上都要加班,正逢5.1放假,抽了几天就有了此文。如果对朋友们能有帮助的话,关注一波不过分吧?求关!选择更优的数据类型尽量选择存储空间...

MySQL数据库知识(mysql数据库相关知识)

MySQL是一种关系型数据库管理系统;那废话不多说,直接上自己以前学习整理文档:查看数据库命令:(1).查看存储过程状态:showprocedurestatus;(2).显示系统变量:show...

数据库:MySQL 高性能优化规范建议

数据库命令规范所有数据库对象名称必须使用小写字母并用下划线分割所有数据库对象名称禁止使用MySQL保留关键字(如果表名中包含关键字查询时,需要将其用单引号括起来)数据库对象的命名要能做到见名识意,...

MySQL实战——表结构设计之数字类型

整型不建议刻意去用unsigned属性,因为在做一些数据分析时,SQL可能返回的结果并不是想要得到的结果。比如在财务的场景下,经常会做一些加减操作。MySQL要求unsigned数值相减之...

MySQL数据库入门(四)数据类型简介

在MySQL中数据类型有以下五种:数字整数:常用的有2种,一是int型,int型最多可以表示10位数字(无符号的4开头,有符号的2开头;二是tinyintunsigned,用来表示年龄(值范围是0-...

mysql常用语句超级详细汇总(mysql常用语法)

1.连接数据库:连接本地数据库:mysql-uroot-p连接远程数据库:mysql-h192.169.22.199-uroot-p退出数据库:exit...

MYSQL——CAST()函数的用法(mysql中case)

语法为:Cast(字段名as转换的类型),其中类型可以为:CHAR[(N)]字符型DATE日期型DATETIME日期和时间型...

MySQL存储引擎背后的真相:为何InnoDB并非所有场景的最佳选择

MySQL存储引擎背后的真相:为何InnoDB并非所有场景的最佳选择引言部分你是否遇到过这样的情况:明明已经按照最佳实践选择了MySQL的InnoDB引擎,却发现某些查询依然缓慢得令人沮丧?或者当你的...

MySQL 表分区?涨知识了(mysql数据表分区)

1.什么是表分区...

《MySQL必知必会》_笔记08(mysql必知必会mobi)

第19章插入数据一、数据插入概述INSERT语句用于向数据库表中插入(添加)数据,是SQL中常用的数据操作语句之一。它可以用多种方式使用,包括插入完整的行、插入行的一部分、插入多行以及插入某些查询的...

当 SQL Server(mssql-jdbc) 遇上 BigDecimal → 精度丢失,真坑!

开心一刻  中午和哥们一起喝茶  哥们说道:晚上喝酒去啊...

MYSQL有哪些数据类型(mysql有哪些数据类型,有哪些运算符)

整理下以便查阅,还想吐槽下:这头条怎么就不能给文章分类呢?整数类型...

使用MySQL分区的注意事项(使用mysql分区的注意事项有哪些)

MySQL分区是将一个表分解成多个区块进行操作和保存,从而降低每次操作的数据量,提高性能。从逻辑上看,只有一个表,但物理上这个表可能由多个物理分区组成,每个分区都是一个独立的对象,可以进行独立处理。...

取消回复欢迎 发表评论: