码迷,mamicode.com
首页 > 其他好文 > 详细

ueditor的使用

时间:2016-04-14 19:27:20      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

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>

ueditor的使用

标签:

原文地址:http://www.cnblogs.com/chong518/p/5392315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!