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>