ueditor的使用

1、在ueditor官网下载uditor包

2、jsp页面

1）引入样式

 

<script type="text/javascript" src="<%=basePath%>ueditor/editor_config.js"></script>
<script type="text/javascript" src="<%=basePath%>ueditor/editor_all.js"></script>
<LINK rel=stylesheet href="<%=basePath%>ueditor/themes/default/css/ueditor.css">

 

2）js

 

<div id="updatestr" style="display: none">${park.instr}

</div>
<!-- 加载编辑器的容器 -->
<script id="container" name="instr" type="text/plain">
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="<%=basePath%>ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="<%=basePath%>ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
//判断ueditor 编辑器是否创建成功
ue.addListener("ready", function () {
// editor准备好之后才可以使用
ue.setContent(document.getElementById("updatestr").innerHTML);//跳转到的页面中ueditor ，给其赋值。
});
</script>