关于layui富文本编辑器和form表单提交的问题

今天下午因为要做一个富文本编辑器上传文件给后台,所以看了一下layui的富文本编辑器,折腾了半天,终于把这玩意搞定了。

首先需要先创建layui的富文本编辑器

<textarea id="demo" style="display: none;" lay-verify="content" ></textarea>
layui.use(['element', 'form', 'layer', 'jquery', 'layedit'], function () {
        var element = layui.element,
            form = layui.form,
            layer = layui.layer,
            layedit = layui.layedit,
            $ = layui.jquery;

        var index = layedit.build('demo');

引入富文本编辑器以后,需要先对富文本编辑器的信息进行处理,富文本编辑器的获取文本的值有两种类型,一种是纯文本类型的,一种是带标签的,我选择的是第二种,将带标签的值传递给后台

data.field.content = layedit.getContent(index);

将对信息的处理放入通过form.on监听事件中,当点击提交按钮的时候,富文本编辑器会自动获取到文本中的值,这样富文本编辑器当中的内容就成功的提交到后台啦

posted @ 2019-04-02 21:09  报告太君,是我啊!  阅读(6973)  评论(0编辑  收藏  举报
Live2D