百度富文本编辑器php设置图片上传,手把手教你百度富文本编辑器的相关配置包括图片上传（for jsp）...

看到了很多文本编辑器，最后还是决定选择百度富文本编辑器，功能强大，接地气，蛮好看的。恩，于是去下载百度富文本编辑器吧，http://ueditor.baidu.com/website/download.html。

我下载的是1.4.3 jsp版(utf-8)。

看看官方文档怎么配置。

结果就是：卧槽这坑爹玩意儿 php asp asp.net其他的都有就jsp的就没有。。。。。。我感受到了社会对我们jsp开发者的敌意。本文的目的就让大家感受到温暖。

开始吧！

将文件解压下来将解压到的文件夹直接放到Eclipse的WebContent下，将WebContent/ueditor1_4_3-utf8-jsp/jsp/lib下的jar包拷到WEB-INF下的lib下

我们来写个demo.jsp

效果就是这样的

那么就搭起来了基本的ueditor就搭建起来了，那个id为editor的script块的name为content，所以我们在提交表单的时候，servlet中就可以request.getpareameter(“content”);获取用户在编辑器中输入的内容了。

然后呢？

我们来搞图片上传。结果发现是这样的。

我们在如上位置加入一个输入路径的语句。看看是怎么样的，继续上传图片看看会出现什么情况

控制台打印出了这个路径。这是工程在磁盘上的真实路径。走你。。。进去看看

切正常。是这样吗？是不是多了个文件夹。

于是我们可以看到有个ueditor的文件夹不是我们手动创建的。进去看看

一层层文件夹进去之后发现我刚刚上传的图片其实已经上传成功了。不过在编辑器里面却没有图片显示

于是。

我们找到config.json这个文件

发现了吗？我们多出的文件夹的路径结构就是imagePathFormat后面跟的结构。

为什么在编辑器里面明明上传成功了。却显示不了呢？因为访问不到。我们将

"imageUrlPrefix": "", /* 图片访问路径前缀 */改成

"imageUrlPrefix": "/Ueditor/",因为我的project叫Ueditor，所以这么写。

改完之后。

成功了

图片显示出来了。同样的。

如果有其他需求把其他的访问路径和保存路径都改了就可以了。

注意：做过文件上传的可能会想，是不是要把上传的文件路径加入数据库什么的呢？答案是不需要。你提交到服务器的请求百度富文本编辑器已经全部做好了

打印内容为：

这里输入的是初始文字

于是，我们就把百度富文本编辑器一般要用的都配好了。

百度富文本编辑器php设置图片上传,手把手教你百度富文本编辑器的相关配置包括图片上传（for jsp）...相关推荐

hecto - 手把手教你写个文本编辑器
https://www.philippflenker.com/hecto/ 的阅读笔记. 我是学完[[Rust权威指南]] 之后才看的这个. 手把手教你写个文本编辑器(1300+行代码). 作者是真 ...
如何让图片流动？手把手教你制作
小伙伴们平时会给自己的桌面换壁纸吗?一张好看的壁纸,不仅让人赏心悦目,还能够提高我们的使用体验.那你们知道流动图片吗?这是可以让图片拥有流动的效果,比如水流的效果.风吹的效果等,能够让人身临其境.其实 ...
手把手教你逆向微信之朋友圈小视频转发（上）
前言此文为逆向微信二进制文件,实现朋友圈小视频转发的教程,从最开始的汇编代码入手到最后重签名安装等操作,手把手教你玩转微信!学会之后再去逆向微信其他功能易如反掌. 本篇文章由于篇幅太长分成了两篇,上 ...
苹果手机图片如何同步鸿蒙,教你如何一招立即将照片同步到Apple Watch上
虽然Apple Watch的屏幕很小,但其内置有发光二极管的显示屏却非常明亮,图片在这样的高分辨率屏幕上看起来质感很棒.所以,Apple Watch的显示屏是咱们照片的完美幕布.从iPhone上,用户 ...
手把手教你基于HTML、CSS搭建我的相册（上）
The sand accumulates to form a pagoda 写在前面 HTML是什么? CSS是什么? demo搭建写在最后写在前面其实有过一些粉丝咨询前端该从什么开始学,那当然 ...
手把手教你用Scrapy 爬取斗鱼妹子头像下载图片
项目展示: 项目结构: 成果: 1.新建项目确保安装了所用到的库 scrapy image Pillow pip install scrapy pip install image pip insta ...
二级路由dhcp关闭连不上wifi_手把手教你天翼校园网开wifi
温馨提示: 1.非广东海洋大学的学生或所用校园不是天翼校园网的童鞋可以酌情忽略本推文~ 2.为照顾小白,本文比较详细,请各位耐心阅读~ 天翼校园网大概是我见过最恶心的校园网了.表面说着是为了" ...
做PPT别再傻乎乎的直接插入图片了，手把手教你处理毛玻璃式图片
在PPT中有一个被称作毛玻璃的图片虚化效果,用它处理图片会显得很有质感,还在直接使用插入图片吗?下面就给大家介绍这个超赞的PPT虚化效果,一起来看看几个具体的应用吧~ 一.图片整体虚化首先我们来看看 ...
给图片加水印--手把手教新码农如何把技术变成产品
前言加水印是为图片声明版权出处的一种常用方法. 平常都是写技术文章,文章的重点在技术本身,照片往往不需要加水印,或者需要加也不多,祭出神器PhotoShop很快就能完成. 前一段趁着夏天还不很热的时 ...
手把手教你利用hexo搭建自己的博客网站----史上完整详细版（基于GitHub for mac）
文章目录一.安装Node.js 1.1 下载完该安装包,直接进行安装即可. 1.2 打开终端,切换至root用户. 1.3 查看一下node的版本 1.4 查看npm的版本二.安装hexo 2.1 ...

百度富文本编辑器php设置图片上传,手把手教你百度富文本编辑器的相关配置包括图片上传（for jsp）...

百度富文本编辑器php设置图片上传,手把手教你百度富文本编辑器的相关配置包括图片上传（for jsp）...相关推荐

最新文章

热门文章