今天项目中接到了一个新的需求,原本的功能是jsp页面中的 新闻发布+附件上传,可是客户说要改成发布新闻的时候可以 自由排版+插入图片+附件上传 的功能。原来的功能是由一个文本域来实现的,然后在controller接收到文本域的内容时,用html标签替换所有的空格和回车符。虽然可以实现简单的排版样式,但是插入图片还是太难实现了。所以我就在网上查找,终于找到了一个合适的开源项目,那就是由百度公司开发的——UEditor。
UEditor的功能非常强大,几乎是实现了一个富文本编辑器所有的功能,而且可以高度定制,可以自由选则留下或者去掉哪些功能。甚至还可以在里面添加自己的图标来实现自己定义的一些功能。由于我在使用过程中踩过一些坑,所以就记录一下。
本项目使用的是SSM框架,服务器是tomcat,前端页面是 .jsp 。如果你也是使用同样的框架或者类似的框架,那么就要注意了,因为在SSM框架中会有一些特殊的配置。否则,将会影响使用,搞得你怀疑人生,而且网上还找不到答案(别问我是怎么知道的)。接下来介绍一下我的使用过程:
1、首先需要做的就是下载 UEditor 所需要的JAR包与其他的js文件,这些东西百度的开发团队已经按分类打包好了,我们需要做的就是选择并下载: