【干货】百度富文本编辑器:UEditor教程

一：eclipse项目：

在eclipse中创建web项目，将解压后的都放置到WebContent\ueditor文件夹下。如果使用的是myeclipse的同学，放置在webRoot\ueditor文件夹下。

同时将jsp/lib下的jar放置到weib-inf下的lib下并添加到classpath中。

如下：

将下载的jsp解压后有个index.html页面放置到webContent下，并修改ueditor.config.j和ueditor.all.min.js的路径如下：

1. 1. 
      

2. <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>

3. <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"> </script>

4. <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

   1. 
      

复制代码

注意：其中ueditor/ueditor.config.js"前面没有/或是../。添加了，在访问http://localhost:端口/项目名 的时候不会出现如下效果

如果没有出现如上图的情况，而是值出现了上图中的2，没有1.问题就在于引入ueditor.all.min.js和ueditory.config.js路径问题。

如果访问出现如上图，说明配置成功了。

二：上传图片试试看

点击如下图中任意一个：

选择图片，然后上传试试看。

如果图片没有出来请修改：
ueditor/jsp/config.json
修改：
"imageUrlPrefix": "http://localhost:7070/UEidter", /* 图片访问路径前缀 */
这里将图片访问路径前缀添加的。
其中UEidter为你自己的项目名称。
修改之后，刷新重新上试试。