layui 富文本编辑器 获取内容

http://www.forasp.cn/
 layui富文本编辑器

在使用某个开源代码的时候，需要增加富文本编辑器，看了一下源码使用的是layui 前端组件。

查找并新增了一下layui 富文本编辑器

方法如下
1.首先 你的页面中需要包含 对应的layui 的扩展引用

    <textarea class="layui-textarea" name="forasp_intro" id="forasp_intro" style="display: none;">原始内容</textarea>

</div>
</form>

3. 在页面load ready后，使用layui 进行对textarea的加持显示

layui.use(['layer', 'form', 'laydate', 'upload', 'layedit'], function () {

    var form=layui.form,layediter = layui.layedit;

    var forasp_textarea = layediter.build('forasp_intro', { /*这里是创建富文本的对象，id 为textarea 的id*/

        tool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right'], /*富文本编辑器操作工具*/

        height: 200  /*默认高度*/

    });

/* 监听表单提交 ,需要将 textarea重新赋值*/

form.on('submit(formBasSubmit)', function (data) {

content_cn = layediter.getContent(forasp_textarea)/*获取 富文本对象 现在最新内容*/

$("#forasp_intro").val(content_cn); //赋值给 textarea

layediter.build('forasp_intro');  //重新渲染 build

    $.ajax({

        url: "{:adminurl('edit')}",

        type: 'post',

        data: $('form').serialize(),

        success(res) {

            subResHandle(res)

        }

    })

    return false;

});

如果还有不会的可以参考  http://layui.pearadmin.com/