JSP页面加入百度富文本框

首先在IDEA搭建自己的富文本环境,去http://ueditor.baidu.com/下载符合自己要求的富文本编辑框源码,在webapp下面将自己下载的文件加进去。在WEB-INF下面新建一个lib文件夹将下载文件夹的jsp/lib里面的包导进去


点击IDEA的箭头所指的地方


点击蓝色的选项将WEB-INF下面的lib里面的包导进去

<div data-option="region:'center',title:'内容'">
													<textarea name="content" cols="100" rows="6" class="input" id="content"></textarea>

													<script type="text/javascript" charset="utf-8">
                                                        UE.getEditor('content');
													</script>
												</div>
在前端药添加编辑框的地方加入shang面的代码

<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>
引用上面的的js文件,即可成功应用文本编辑框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值