layui中的富文本编辑器前端无法取值

遇道了一个前段的bug,就是使用layui中的textarea无论如何也获取不到值,查了半天的文档才搞定,具体代码如下:

//html代码如下部分代码
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" id = "content" name="content" style="display:none;">
<textarea/>
    </div>
  </div>
</form>

js代码如下:


<script>
layui.use('layedit', function(){
  var layedit = layui.layedit;
  var indexs = layedit.build('content'); //建立编辑器这里的ID是上面的id
});
</script>

如果你需要提交文本中的内容则需要同步一下文本域中的内容到你的textarea中需要的代码是

layedit.sync(indexs)//同步数据

这里有一点需要注意的就是indexs这个变量需要时全局的,这样才可以同步。同步之后提交就与原先的提交一样了。

参考地址:http://www.layui.com/doc/modules/layedit.html

参考地址:https://blog.csdn.net/chenguoqing666/article/details/78864155

猜你喜欢

转载自blog.csdn.net/Logic_YSY/article/details/81189283