使用ueditor富文本

时间:2022-06-13 10:08:50

因为我用的是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()

即可