+
95
-

layedit编辑修改后的内容如何自动同步textarea?

layedit编辑修改后的内容如何自动同步textarea?

网友回复

+
15
-

三种办法

一、form表单验证的时候同步到textarea上

<form class="layui-form"> 

  <div class="layui-form-item">

    // 自定义lay-verify=""属性

    <textarea id="content" name="content" lay-verify="content" style="display: none;"></textarea>

  </div>


  <div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>

      <button type="reset" class="layui-btn layui-btn-primary">重置</button>

    </div>

  </div>

</form>

<script>

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

    var form = layui.form;

    var $ = layui.$;

    var layedit = layui.layedit;


    var index = layedit.build('content'); //建立编辑器


    //获取表单前进行验证,此时已经同步了

    form.verify({

        content: function (value) {   

            layedit.sync(index);

        }

    });


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

      console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}

      consol...

点击查看剩余70%

我知道答案,我要回答