首页 > 其他 > 详细

ueditor的使用

时间:2016-04-14 19:26:25      阅读:244      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!