wangEditor的使用与下载

wangEditor富文本的下载以及配置信息：点击下载

wangEditor的使用方法

1.新建页面，引入 wangEditor.min.css wangEditor.min.js 以及 wangEditorConfig.js

2.在页面body标签输入代码
<div class="layui-input-block">
     <div id="editor" name="editor"></div>
</div>

3.查看 wangEditorConfig.js 文件的配置信息，把自己不需要的功能去掉，或在此文件内配置相关信息。

$(function () {
    var E = window.wangEditor;
    var editor = new E('editor');
    // 配置菜单栏，删减菜单，调整顺序
    editor.config.menus = [
        'source',
        '|',
        'bold', //粗体
        'underline', //下划线
        'italic', //斜体
        'strikethrough', //删除线
        'eraser', //清空格式
        'forecolor', //文字颜色
        'bgcolor', //背景颜色
        '|',
        'quote', //引用
        'fontfamily', //字体
        'fontsize', //字号
        'head', //标题
        'unorderlist', //无序列表
        'orderlist', //有序列表
        'alignleft', //左对齐
        'aligncenter', //居中
        'alignright', //右对齐
        '|',
        'link', //链接
        'unlink', //取消链接
        'table', //表格
        'emotion', //表情
        '|',
        'img', //图片
        'video', //视频
        // 'location', //位置
        'insertcode', //插入代码
        '|',
        'undo', //撤销
        'redo', //重复
        'fullscreen' //全屏
    ];
    // 上传图片
    editor.config.uploadImgUrl = '/upload';
    //默认限制图片大小
    editor.config.uploadImgMaxSize = 100 * 1024 * 1024
    //限制类型
    editor.config.uploadImgAccept = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
    //限制一次最多能传几张图片,默认为 100 张
    editor.config.uploadImgMaxLength = 3
    //自定义 fileName
    editor.config.uploadFileName = 'img'
    //自定义 timeout 时间,timeout 即上传接口等待的最大时间，默认是 10 秒钟
    editor.config.uploadImgTimeout = 5 * 1000
    //base64 保存图片   uploadImgShowBase64（base64 格式）和 uploadImgServer（上传图片到服务器）两者不能同时使用！！！
    // editor.config.uploadImgShowBase64 = false

    // 隐藏掉插入网络图片功能。该配置，只有在你正确配置了图片上传功能之后才可用。
    editor.config.hideLinkImg = true;

    editor.create();

});