Ueditor使用(一)

最近在做一个需要使用到富文本框,百度搜索了以下,Ueditor的文章看起来还是蛮多的,功能看起来好强大的样子。但是有好多版本版本。这里参考的是https://blog.****.net/napoay/article/details/47414851这篇博文,写一篇自己的以后备用。

 1.下载UEditor【1.4.3 JSP版本】.下载地址:http://ueditor.baidu.com/website/download.html ,解压。

 2.Eclipse中新建动态web项目.

      打开eclipse,file->NEW->Other->Web->Dynamic Web Project->next. 自己写项目名

3.在WebContent目录下新建文件夹ueditor1_4_3,右键ueditor1_4_3,点击Import,选择General下的File System后点击next

点击Browse,选择刚下载的ueditor解压后的文件夹utf-jsp,后勾选utf8-jsp前面的方框

Ueditor使用(一)

点击finish

 4.  拷贝ueditor1_4_3/jsp/lib下的库文件到WEN-INF/lib文件夹下. 
 5. 添加项目到tomcat中并启动,浏览器中输入以下URL

    http://localhost:8080/项目名/ueditor1_4_3/jsp/controller.jsp?action=config

工程目录和测试成功后的的内容如下

Ueditor使用(一)

出现上面的,说明已经成功了

6、浏览器输入http://localhost:8080/项目名/ueditor1_4_3/index.html

Ueditor使用(一)

一个完整的富文本编辑框出来了。页面的显示可以根据仔细需要进入Index页面更改,当然也可以改成jsp页面。

7、这里会发现红叉

Ueditor使用(一)

其实只要点开把里面的注释删掉就好了。好像是这个文件不支持注释,但又必须注释给你看。你放着不动也能运行

下面一篇将记录,如果提交到服务器。这里希望能给小白带来帮助