富文本编辑器

旧时模样 提交于 2019-12-02 14:59:22

富文本编辑器
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/”; 工程名/编辑器路径

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!