layui富文本编辑器的使用

<link href="/layui/css/layui.css" rel="stylesheet">

<div class="form-group" style="margin-bottom:5px;">
    <label for="description">图片</label>
    <textarea name="description" class="form-control" placeholder="图片" rows="5" id="description" style="display: none;">{if !empty($artInfo['description'])}{$artInfo['description']}{/if}</textarea>
</div>

<div class="form-group" style="margin-bottom:5px;">
    <label for="options">选项</label>
    <textarea name="options" class="form-control" placeholder="选项" rows="5" id="options" style="display: none;">
    {if !empty($artInfo['options'])}{$artInfo['options']}{/if}
    </textarea>
</div>

<script src="/layui/layui.js"></script>
<script>
    layui.use('layedit', function(){
        var layedit1 = layui.layedit;

        //注意：layedit.set 一定要放在 build 前面，否则配置全局接口将无效。
        layedit1.set({
            uploadImage: {
                url: '/cdaadmin/ability/upimg', //接口url
                type: 'post' //默认post
            }
        });

        layedit1.build('description', {//建立编辑器
            height: 180,
        });
    });

    layui.use('layedit', function(){
        var layedit2 = layui.layedit;

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