关于富本编辑器的总结

原生功能：

根据layedit.js，我们可以看到，这款富文本插件非常简洁，自然功能就不多。期待下一次更新后的功能。
目前主要有13个功能，如字体加粗，文字基本排版功能，上传文件等功能：

<title>特殊情况</title>
<div class="layui-fluid ">
    <div class="layui-card">
        <!--表格数据-->
        <div class="layui-card-body">
            <div class="layui-card">
                <form class="layui-form" lay-filter="Lay-pxxq-specialCases-edit-form-text1">
                    <script type="text/html" template>
                        <input type="hidden" name="confirmId" id="confirmId" value="{{d.params.confirmId || ''}}">
                        <input type="hidden" name="classId" id="classId" value="{{d.params.classId || ''}}">
                        <input type="hidden" name="eid" id="eid" value="{{d.params.eid || ''}}">
                    </script>
                    <textarea name="options" class="form-control" placeholder="选项" rows="5" id="options" style="display: none;"></textarea>
                </form>
                <div style="text-align: center"><br>
                    <button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-event="Lay-pxxq-specialCases-edit-form-save" id="Lay-pxxq-specialCases-edit-form-save">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>

 layui-layedit基础的方法

方法名	描述
var index = layedit.build(id, options)	用于建立编辑器的核心方法index：即该方法返回的索引参数 id： 实例元素（一般为textarea）的id值参数 options：编辑器的可配置项，下文会做进一步介绍
layedit.set(options)	设置编辑器的全局属性即上述build方法的options
layedit.getContent(index)	获得编辑器的内容参数 index： 即执行layedit.build返回的值
layedit.getText(index)	获得编辑器的纯文本内容参数 index： 同上
layedit.sync(index)	用于同步编辑器内容到textarea（一般用于异步提交）参数 index： 同上
layedit.getSelection(index)	获取编辑器选中的文本参数 index： 同上
layedit.setContent(index，contet，flage)	@param {[type]} index 编辑器索引 @param {[type]} content 要设置的内容 @param {[type]} flag 是否追加模式

编辑器属性设置：

layedit.build('id', {
  height: 180 //设置编辑器高度
});

属性	类型	描述
tool	Array	重新定制编辑器工具栏，如： tool: [‘link’, ‘unlink’, ‘face’]
hideTool	Array	不显示编辑器工具栏，一般用于隐藏默认配置的工具bar
height	Number	设定编辑器的初始高度
uploadImage	Object	设定图片上传接口，如：uploadImage: {url: ‘/upload/’, type: ‘post’}

富文本编辑器工具栏

设置方法：

layedit.build('id', {
  tool: ['left', 'center', 'right', '|', 'face']
});  

tool: [
  'strong' //加粗
  ,'italic' //斜体
  ,'underline' //下划线
  ,'del' //删除线
  
  ,'|' //分割线
  
  ,'left' //左对齐
  ,'center' //居中对齐
  ,'right' //右对齐
  ,'link' //超链接
  ,'unlink' //清除链接
  ,'face' //表情
  ,'image' //插入图片
  ,'help' //帮助
]

<script>
    layui.use(['admin', 'form', 'laydate','layedit', 'table', 'view', 'laytpl', 'myUtils', 'util', 'laytpl'], function () {
        //没有用到要删除
        var $ = layui.$
            , admin = layui.admin
            , view = layui.view
            , table = layui.table
            , form = layui.form
            , laydate = layui.laydate
            , layer = layui.layer
            , dicSelect = layui.dicSelect
            , myUtils = layui.myUtils
            , CryptoJS = layui.CryptoJS
            , element = layui.element;

            layedit = layui.layedit;
        setTimeout(function () {
            var indexs = layedit.build('options', {//建立编辑器
                height: 180,
                tool: [
                    'strong' //加粗
                    , 'italic' //斜体
                    , 'underline' //下划线
                    , 'del' //删除线
                    , '|' //分割线
                    , 'left' //左对齐
                    , 'center' //居中对齐
                    , 'right' //右对齐
                    , 'link' //超链接
                    , 'unlink' //清除链接
                ]
            });


        /*=================================================================单击事件*/


        $('#Lay-pxxq-specialCases-edit-form-save').on('click', function () {
            active.save();
        });

        var active = {
            //othis是按钮的jquery对象
            //查询
            save: function () {
                //form的filter
                var content =layedit.getContent(indexs);
                var eid = $("#eid").val();
                var classId = $("#classId").val();
                var confirmId = $("#confirmId").val();
              /*  var classId = $("#classId").val();*/
                admin.post({
                    url:'/hqConfirmExplain/update',
                    data:{explainS:content,id:eid,classId:classId,confirmId:confirmId},
                    done:function(){
                        layer.msg("保存成功");
                        layer.close();
                    }
                });

            }
        };
        /*=========================================================================*/




        },300);
    });
</script>