JSP项目中使用ueditor(百度编辑器)
1. 从http://ueditor.baidu.com下载JSP版本的ueditor,注意GBK和UTF-8两种版本。
2. 在Web Project项目的WebRoot目录下新增thirdparts目录,然后将ueditor添加到thirdparts目录中。
3. 将ueditor_utf8目录下的jsp/lib目录中的jar包拷贝到项目的lib目录。
4. 修改ueditor.config.js文件,添加如下代码
window.UEDITOR_HOME_URL ="/thirdparts/ueditor_utf8/";
5. 在JSP页面中导入ueditor相关的js文件
<script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="<%= request.getContextPath() %>/thirdparts/ueditor_utf8/lang/zh-cn/zh-cn.js"></script>
6. 在需要显示ueditor的页面位置(注意id和name两个属性),添加如下代码:
<script id="editor" name="details" type="text/plain" style="width:900px;height:400px;"></script>
<script type="text/javascript">
var ue = UE.getEditor('editor');
</script>
7. 在服务器端如何获取ueditor中的html字符串
使用request.getParameter(“script标记的name属性值”);
在ueditor中上传图片
1. 修改ueditor_utf8/jsp/config.json文件
imageUrlPrefix
imageManagerUrlPrefix
上述配置项的值,应该为javaweb的项目名称。
如果需要上传附件,那么还应该修改fileUrlPrefix为javaweb项目名称。
2. 因为ueditor官方给的jar存在bug,所以在显示已经上传的图片时,会存在无法显示的问题,可以通过修改源码解决。
FileManager.java中的getPath方法,修改完毕后重新生成jar包文件。
//String path = file.getAbsolutePath();
String path = PathFormat.format(file.getAbsolutePath());
---------------------
作者:zss0101
来源:CSDN
原文:https://blog.csdn.net/zss0101/article/details/80372303
版权声明:本文为博主原创文章,转载请附上博文链接!
最新文章
- 移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)[转]
- js- this
- PCL -语法错误:“::” error C2589: “(”:“::”右边的非法标记
- 【转】android UI进阶之自定义组合控件
- Linux系统下使用crontab添加计划任务的方法
- 团队作业4——第一次项目冲刺(Alpha版本) 1
- SQL之排序
- 《Thinking in Android 9.0 系统开发源码钻研录》
- IdentityServer4【Topic】之StartUp中的配置
- GDOI2017爆炸记
- JavaScript选择点击
- ajax常见的面试问题
- xshell5不能用
- IT软件外包行业深入分析:现状、前途、趋势、待遇 什么是软件外包 外包公司是怎么工作的 软件外包公司的面试 软件外包公司需要什么样的人
- 素数对猜想之python3实现
- Java 访问控制规则简介
- Winter-1-A A + B 解题报告及测试数据
- bzoj3680: 吊打XXX(模拟退火)
- iOS 反射 学习 和 运用
- openstack-ansible -- 3 Target hosts
热门文章
- iOS----实现scrollView或者scrollView的子类下拉图片放大的效果
- BZOJ 2729: [HNOI2012]排队 排列组合 + 高精度
- 顺序表 C++ 类模板实现
- 20180705-Java对象和类
- [CSP-S模拟测试]:柱状图(树状数组+二分+三分)
- Linux下MySQL 5.5的修改字符集编码为UTF8(彻底解决中文乱码问题)
- crfclust.bdb导致磁盘满
- Nginx 实现全站 HTTPS(基于 Let's Encrypt 的免费通配符证书)
- linux使用pigz多线程压缩
- tp 框架 -文件上传