百度富文本编辑器安装以及出现的乱码问题

百度富文本编辑器

下载地址:http://www.ucbug.com/soft/19421.html

1、先把下载安装包解压
解压后如图:在这里插入图片描述
2、将文件放到项目框架存放js的目录下
如图:
在这里插入图片描述
3、在需要展示的html页面加载相应的js
如下:

<script type="text/javascript" charset="utf-8" src="static/gbk/ueditor.config.js"></script> <!--ueditor的配置文件-->
<script type="text/javascript" charset="utf-8" src="static/gbk/ueditor.all.js"></script> 
<script type="text/javascript" charset="utf-8" src="static/gbk/ueditor.all.min.js"></script> <!--ueditor核心文件-->
<script type="text/javascript" charset="utf-8" src="static/gbk/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->

4、html页面

 <textarea id="contents" name="contents" style="width:800px;height:400px;resize:none"></textarea>


//百度富文本编辑器
      <script type="text/javascript" charset="utf-8">
//        固定富文本框大小不变
        var editor = new baidu.editor.ui.Editor({initialFrameWidth: null , autoHeightEnabled: false});
        editor.render("contents");
      </script>

5、百度文本框如果乱码:
首先,需要检查一下开发工具的编码格式,还有就是调用ueditor页面的编码格式,我的编码格式都是utf-8,后面才找到这个文件zh-cn.js,用编辑器打开,然后转码成ANSI,再保存,再把项目重新打包运行

也可能会有缓存,可以强制刷新一下浏览器试试

©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页