美文网首页
js提交表单kindeditor编辑器textarea为空解决办

js提交表单kindeditor编辑器textarea为空解决办

作者: 灿若恒星 | 来源:发表于2020-01-05 21:02 被阅读0次

    时间有点久了,忘记是从哪儿学习的了。如果有小伙伴知道,可以提醒我一下。

    这个是kindeditor4.0以上版本的解决方法。

    直接用表单的提交按钮<input type=”submit” value=”提交” />可以得到值。

    而通过js的 submit()提交则为空值,解决办法就是在初始化kindeditor时加入一行代码:

    afterBlur: function(){this.sync();}

    这行代码的意思就是在textarea失去焦点之后执行this.sync();

    这个函数就是同步KindEditor的值到textarea文本框。

    官方解释:

    sync():将编辑器的内容设置到原来的textarea控件里。

    具体初始化kindeditor时使用如下:

    1<script type=”text/javascript”>

    02KindEditor.ready(function(K){

    03K.create(‘textarea[name="content"]‘, {

    04themeType: ‘simple’,

    05resizeType: 1,

    06uploadJson: ‘common/KEditor/upload_json.php’,

    07fileManagerJson: ‘common/KEditor/file_manager_json.php’,

    08allowFileManager: true,

    09        //经测试,下面这行代码可有可无,不影响获取textarea的值

    10        //afterCreate: function(){this.sync();}

    11        //下面这行代码就是关键的所在,当失去焦点时执行 this.sync();

    12        afterBlur: function(){this.sync();}

    13});

    14});

    15</script>

    相关文章

      网友评论

          本文标题:js提交表单kindeditor编辑器textarea为空解决办

          本文链接:https://www.haomeiwen.com/subject/ypvcactx.html