JSP页面加入百度富文本框

来源：互联网发布：苹果群发短信软件编辑：程序博客网时间：2024/06/16 18:18

首先在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文件，即可成功应用文本编辑框

阅读全文

0 0