第一步:到官网下载文件
ueditor 官方地址:http://ueditor.baidu.com/website/index.html
第二步:将下载的文件放到程序包的某个位置
第三步:配置文件中设置文件地址
在 ueditor.config.js 中
//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL: "/public/ueditor/"
第四步:在要使用此编辑器的文件中引入以下css js
<link rel="stylesheet" type="text/css" href="/public/ueditor/themes/default/css" />
<script src="/public/ueditor/ueditor.config.js"></script>
<script src="/public/ueditor/ueditor.all.js"></script>
<script src="/public/ueditor/jquery-2.2.3.min.js"></script>
第五步: html中
<div class="form-group">
<label class="col-sm-2 control-label no-padding-right">文章内容</label>
<textarea id="newsEditor" name="content" ></textarea>
<style>
#newsEditor{
width:800px;
margin-left: 200px;
}
</style>
<script type="text/javascript">
UE.getEditor('newsEditor');
// var content = UE.getPlainTxt();//content就是编辑器的带格式的内容
</script>
</div>