富文本框

1:引用css和js

      css:

     <link href="<%=path%>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

     <link href="<%=path%>/UEditor/themes/default/css/umeditor.css" rel="stylesheet" />

     js:

<div class="form-group" style="clear: both">
<div style="height: 40px;float: left">
<span class="input-title font4"><span style="color:#FF0000;">*</span> <span style="color:#333333;">&nbsp;</span>活动详情</span>
</div>
<div style="float: left">
<!--style给定宽度可以影响编辑器的最终宽度-->
<script type="text/plain" id="editorActivityDetail" style="width:90%;height:240px;">
<p>这里我可以写一些输入提示</p>
</script>
<script type="text/javascript" charset="utf-8" src="<%=path %>/UEditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<%=path %>/UEditor/umeditor.min.js"></script>
<script type="text/javascript" src="<%=path %>/UEditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
//实例化编辑器
$(function(){
var um = UM.getEditor(‘editorActivityDetail‘);
um.setContent("${activity.activityDetail}");
});
</script>
</div>
<div class="activityDetailError"  style="display:none;clear: both">
<span class="error">请输入活动详情</span>
</div>
</div>

富文本框

原文：http://my.oschina.net/u/2405705/blog/512170