1.将Ueditor源码加到项目中:
2.创建控制器调用视图:
3.创建视图:
复制代码如下:
<!--①引入一个css文件和4个js文件-->
<link href="__COMMON__/Ueditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="__COMMON__/Ueditor/third-party/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__COMMON__/Ueditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__COMMON__/Ueditor/umeditor.min.js"></script>
<script type="text/javascript" src="__COMMON__/Ueditor/lang/zh-cn/zh-cn.js"></script>
<!--②创建textarea文本域,用来显示富文本框-->
<textarea id="content" style="width:800px;height:300px"></textarea>
<!--③实例化富文本框-->
<script type="text/javascript">
//UM是Umeditor.js中定义好的富文本框对象
//getEditor方法,用来实例化富文本框对象
var um = UM.getEditor("content");
</script>