手机版

百科生活 投稿

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

百科 2025-11-06 21:51:33 投稿 阅读:2470次

关于【文档如何插入题注和引用图注】,在正文中的图添加题注,今天小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

  • 内容导航:
  • 1、文档如何插入题注和引用图注
  • 2、Word图文一键粘贴(导入)-UEditor1.x-整合教程

1、文档如何插入题注和引用图注

写文章的时候经常要插入各种图表,给图表添加题注也是有格式要求的。下面我来演示一下WPS文档如何插入题注和引用图注。

操作方法

首先,我们打开一篇空白的WPS文档, 并插入图片。我们需要为图片插入题注,并引用该图注。

我们点击选中该图片之后,点击右键,弹出菜单中选择“题注”。

选项框中,选择标签为“图”,并输入题注名称,然后点击确定,这样题注就插入完成了,效果如下图所示。

如果需要引用该图注,光标移到需要交叉引用的位置,我们点击“插入”,在工具栏右侧找到“交叉引用”按钮,点击一下。

在选项框中选择“引用类型”为“图”,下方框中就会出现我们刚才插入题注的图名,选中之后然后我们点击“插入”。

这样就可以引用该图注了,如图所示,在光标处插入了该图注。按住“ctrl键”点击该题注会链接到原图所在处。

声明:本篇经验系「www.coozhi.com」原创,转载请注明出处。

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

说明: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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)


2.引入组件并初始化

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

示例中上传接口默认返回的数据是图片的完整路径。如: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字段

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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

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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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

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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

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


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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)


图标定义位置:

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

1.1.7. 添加到右键菜单

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

集成后的效果:

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

1.1.8. 自定义Ctrl+V快捷键

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

UEditor后端配置说明:

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

说明:

WordPasterManager必须申明成全局变量

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

批量粘贴效果:

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)


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

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)


图片保存路径:

文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)

常见问题:

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

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

2.整合后无法粘贴图片

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

本文关键词:在正文中的图添加题注,怎么对正文中的图添加题注图,如何引用图片题注,如何对正文中的图添加题注,图注怎么加引用。这就是关于《文档如何插入题注和引用图注,在正文中的图添加题注(<导入>-UEditor1.x-整合教程)》的所有内容,希望对您能有所帮助!

本文链接:https://bk.89qw.com/a-689752

最近发表
网站分类