由于项目需求,要开发一个新闻发布模块,在网上找了找,看有没有什么插件可以用,后来发现了Ueditor百度编辑器,的确挺强大的。这里我只讲解jsp版本的,与servlet和SpringMVC整合,两种方式的应用。之前在网上找的都讲解的模棱两可,根本不能使用,经过一天多的研究,终于研究出来了,不多说了,直接开始,希望能帮到你。 ### Ueditor与servlet jsp和SpringMVC整合知识点 #### 一、Ueditor简介及下载 - **Ueditor**是一款由百度开发的功能强大的在线富文本编辑器,它支持多种格式的文字编辑,包括图片上传、视频插入等功能。适用于各种网络应用的在线编辑场景。 - **下载地址**:http://ueditor.baidu.com/website/download.html - 本教程以**jsp版本**为例,介绍如何将Ueditor与servlet和SpringMVC进行整合。 #### 二、环境搭建 1. **下载与解压**: - 下载Ueditor的jsp版本,并解压。 - 在Eclipse中新建一个web工程,例如命名为`mywebsite`。 2. **文件夹配置**: - 在`WebRoot`目录下创建名为`ueditor`的文件夹。 - 将解压后的`utf8-jsp`目录下的所有文件导入到`ueditor`文件夹中。 3. **jar包配置**: - 将`ueditor`目录下的`lib`文件夹中的jar包复制到`WEB-INF/lib`目录下。 - 在Eclipse中,通过右键项目->Build Path->Configure Build Path->Libraries->Add Jars,添加所有的jar包。 4. **配置文件修改**: - 打开`config.json`文件,将`"imageUrlPrefix":"",`改为`"imageUrlPrefix":"http://localhost:8080/mywebsite/",`以便正确指向图片上传路径。 5. **启动测试**: - 启动Tomcat服务器,访问`http://localhost:8080/mywebsite/ueditor/index.html`,可以正常使用Ueditor进行编辑。 #### 三、与servlet整合使用 1. **新建包和类**: - 在项目的`src`目录下新建包和类,用于处理Ueditor的相关请求。 - 示例代码未完全给出,但需包含处理文件上传等逻辑。 2. **web.xml配置**: - 在`web.xml`中配置servlet的映射规则,确保能够正确接收来自Ueditor的请求。 3. **展示页面配置**: - 创建`new.jsp`页面用于展示编辑的内容。 - 创建`demo.jsp`页面作为编辑器的示例页面。 4. **测试**: - 访问`http://localhost:8080/mywebsite/ueditor/demo.jsp`,编辑内容并点击“编辑完成”,查看内容是否正确展示在`new.jsp`页面。 #### 四、与SpringMVC整合 1. **环境准备**: - 确保已经搭建好SpringMVC环境。 - 不使用maven管理依赖的情况下,将所需的jar包放入`lib`目录下。 2. **配置文件存放**: - 在`src`目录下创建`config`文件夹,用于存放SpringMVC的配置文件。 - 配置SpringMVC,使其能够识别并处理Ueditor的请求。 3. **包和类的创建**: - 在`src`目录下创建必要的包和类。 - 示例中提到了`ConfigManager.java`文件,该文件用于读取配置文件并返回相应的配置信息。 4. **代码实现**: - `ConfigManager.java`的代码片段展示了如何读取配置文件并解析JSON数据。 - 该类主要用于读取`config.json`文件,并将配置信息转化为程序可以使用的格式。 5. **测试**: - 同样地,启动SpringMVC项目,并测试Ueditor的功能是否正常工作。 ### 总结 本文详细介绍了如何将Ueditor与servlet和SpringMVC进行整合的方法。通过这些步骤,可以实现在不同的Java Web框架中使用Ueditor进行富文本编辑的功能。无论是对于初学者还是有一定经验的开发者来说,都能够从中获得有用的实践指导。此外,还可以根据实际项目需求进一步扩展功能,例如将编辑的内容存储到数据库中,实现更复杂的业务逻辑等。
剩余30页未读,继续阅读
- ftpcc2017-09-29要的分数挺高,但是对我没啥用~~~普通网友2017-09-30老铁这是源码地址http://download.csdn.net/download/beipang1524/9864887,你去下一下,参考一下吧
- yexleeiao2017-09-1210个积分 源码都没有,日了狗了
- 粉丝: 0
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助