文档章节

百度UEditor上传图片-再总结一次

FansUnion
 FansUnion
发布于 2015/05/03 01:30
字数 529
阅读 145
收藏 0
晚上,在继续开发BriefCMS,把百度UEditor上传图片的问题,给解决了,终于解决了。

     公司极简版CMS、BriefCMS、个人官网,最近2个月,与百度UEditor厮杀了好久。最值得吐槽的,就是百度UEditor的上传图片功能,感觉不够简便。

     百度UEditor官方,在JSP场景下的应用,太简单了。对我以前写的项目来说,还可以。

    对于最近的3个项目来说,就不灵活了。

    因为,图片存储、controller.jsp都不是存储在webapps目录下,不能直接访问,都需要做映射。

    无论是JSP、图片等静态资源访问、config.json配置文件、Action等动态请求,关键的关键就是:后端服务器程序要能够响应。
JSP访问,后端响应;Action动态请求,后端照旧响应。这就是最简单的说法。

     再总结一次百度UEditor的用法:

1. 在HTML、JSP、FTL等视图文件中,引入UEditor的JS和CSS,比如:
<script type="text/javascript" charset="utf-8"
src="${base}/theme/default/static/framework/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
src="${base}/theme/default/static/framework/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8"
src="${base}/theme/default/static/framework/ueditor/lang/zh-cn/zh-cn.js"></script>

2. ueditor.config.js中配置,获得config.json等图片上传等相关的URL,比如:
 , serverUrl: URL + "../../../ueditor/controller.jsp"

  JSP也好,动态Action请求也好,后端响应它,返回给正确的config.json配置文件。

  最坑的就是获得config.json这个文件,它的路径和config.js中的配置有严重的依赖关系。
如果想把图片存储到 非Webapp等硬盘目录,需要手动修改controller.jsp的rootPath。

3. 响应图片。
   不再Webapp目录下的,记得做映射。


灵丹妙药: 遇到问题的时候,根据错误提示,经过编码的,翻译成中文,就知道为什么了。实在不行,就debug程序,也不难,一般都是获得config.json的路径不对。debug一次,你就了解实际路径的生成规则了,然后你什么就懂了。

原文首发:http://fansunion.cn/article/detail/552.html

© 著作权归作者所有

FansUnion
粉丝 60
博文 858
码字总数 825464
作品 0
丰台
高级程序员
私信 提问
整合百度UEditor上传图片到阿里云OSS

前言 将图片上传到阿里云OSS是一种趋势,一个必然。当你的项目图片过多,需要频繁上传和替换的时候,用阿里云OSS可以很方便的管理你的图片,节省服务器空间,大大提高了效率。阿里云OSS是阿里...

zacklee
2017/09/17
0
0
百度Ueditor编辑器的使用

Ueditor 编辑器非常强大,是一款几乎能满足任何需求的富文本编辑器,开箱即用,不用繁琐的配置,本人博客中用到,于是将使用的方法总结出来,以供参考。 注:本编辑器用的为php版本下载包,下...

Corwien
2016/06/08
140
0
ueditor 后端配置项没有正常加载,上传插件不能正常使用!jsp版本

问题描述:服务器系统架构采用的是koa(并非koa2),客户端富文本编辑器采用的是百度的ueditor控件。现在需要ueditor支持将图片直接上传到七牛云。   前提:百度的ueditor需要在本地配置为...

飞翔的熊blabla
01/24
0
0
nodeJS部署ueditor富文本编辑器

在做一个私人项目的时候需要用到在线富文本编辑器,多方寻觅后选定百度的ueditor,不过,竟然不支持nodeJS后台。 查! 找很多博客,很多教程,最后捋了一个自认为还算清晰的思路来。 以独立小...

飞翔的熊blabla
01/24
0
0
图片存储系统--TngouFS

TngouFS是天狗网(www.tngou.net) 用于 该网站的图片存储。动态图片请求流程,如下图: 主要功能 上传图片 基于URL直接下载图片 在线剪切图片 支持百度的UEditor后台处理 网站功能 独有的图...

tngou
2015/07/21
2.7K
2

没有更多内容

加载失败,请刷新页面

加载更多

分布式协调服务zookeeper

ps.本文为《从Paxos到Zookeeper 分布式一致性原理与实践》笔记之一 ZooKeeper ZooKeeper曾是Apache Hadoop的一个子项目,是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它...

ls_cherish
今天
4
0
redis 学习2

网站 启动 服务端 启动redis 服务端 在redis 安装目录下 src 里面 ./redis-server & 可以指定 配置文件或者端口 客户端 在 redis 的安装目录里面的 src 里面 ./redis-cli 可以指定 指定 连接...

之渊
昨天
2
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
昨天
4
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
昨天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
昨天
24
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部