百度富文本编辑器的使用

第一步：到官网下载文件

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>