使用ueditor富文本

因为我用的是maven  首先用maven导入

<dependency>
            <groupId>org.tinygroup</groupId>
            <artifactId>org.tinygroup.ui.ueditor</artifactId>
            <version>2.1.1</version>
</dependency>

然后下载一个ueditor富文本压缩包放到webapp下

在需要富文本的页面引入

 <link rel="stylesheet" type="text/css" href="${ctxPath}/rental/ueditor/themes/default/css/ueditor.css"><pre name="code" class="html"><script src="${ctxPath}/rental/js/js/jquery-1.11.0.min.js"></script>

<pre name="code" class="html"><script type="text/javascript" src="${ctxPath}/rental/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="${ctxPath}/rental/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="${ctxPath}/rental/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="${ctxPath}/rental/ueditor/ueditor.parse.js"></script>
<script type="text/javascript" >
    var ue=UE.getEditor("tcontent",{
        initialFrameWidth : 700
    });

</script>

注意引用顺序，不然容易报错

接下来是需要添加富文本的内容

<textarea id="tcontent" name="tcontent" >
</textarea>

这样就可以了

接下里需要注意的就是怎样从富文本中取值与赋值

取值语句：

 ue.getPlainTxt()

赋值语句：

ue.setContent()

即可