富文本编辑器

最新推荐文章于 2024-06-07 17:28:22 发布

温酒二两上阁楼

最新推荐文章于 2024-06-07 17:28:22 发布

阅读量122

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41992086/article/details/102778058

版权

本文详细介绍了如何在JavaWeb项目中集成百度的UEditor富文本编辑器，包括下载、配置、代码实现等步骤，并特别讲解了图片路径的设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

富文本编辑器
1步：官网下载
http://ueditor.baidu.com/website/index.html

2步：UEditor在JavaWeb中的应用
（1）解压
（2）拷贝解压后的文件到工程webroot中
（3）解压文件中的jsp/lib中的.jar全部拷贝到工程中lib中
（4）书写代码
4.1导入js

4.2调用编辑器
<script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
4.3初始化编辑器
<script type="text/javascript">

	//实例化编辑器
	//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，
	//直接调用UE.getEditor('editor')就能拿到相关的实例
	var ue = UE.getEditor('editor');

</script>

（5）配置图片路径
5.1编辑富文本文件目录下的 -> jsp -> lib -> 下的config.json文件
“imageUrlPrefix”: “/0824”, /* 图片访问路径前缀 / 配置项目名称
“imagePathFormat”: “/image/{yyyy}{mm}{dd}/{time}{rand:6}”, / 上传图片保存路径,可以自定义保存路径和文件名格式 */
5.2编辑富文本文件目录下的ueditor.config.js
window.UEDITOR_HOME_URL = “/0824/ueditor/”; 工程名/编辑器路径