layui框架自带的富文本编辑器，简介方便，不需要安装任何插件，以下是使用教程。
1、HTML代码
<div class="layui-form-item">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<textarea name="content" class="layui-textarea" id="content" placeholder="请输入内容" style="display: none;"></textarea>
</div>
</div>2、js代码：实例化和接受编辑器提交的内容
<script>
layui.use(['form','layedit'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
var layedit = layui.layedit;
// 实例化和定义编辑器工具
var editIndex = layedit.build('content', {
tool: [
'strong' //加粗
,'italic' //斜体
,'underline' //下划线
,'del' //删除线
,'|' //分割线
,'left' //左对齐
,'center' //居中对齐
,'right' //右对齐
]
});
form.on('submit(saveBtn)', function (data) {
var content = layedit.getContent(editIndex); // 获取编辑器的内容
data.field.content = content
//其他逻辑代码内容。。。
});
});
</script>
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）