会员登录 / 注册会员 / 购物车 【商城功能】 电脑版 + 手机版 + 邮箱版 + 微信版 + APP版 + OA版 【多站合一】 淘宝店 | 微商店 | 赶集店 | 58店 【主流店铺】 名片 - 地图 - 彩页 【营销工具】
181 026 55509
网络知识
联系我们
工作地点:广州市天河区棠下村

工作QQ:1119270085

个人QQ:2644018419

工作微信:lianjinhui2015(棠下互联)

手机号码:18102655509

建站网址:www.gz-website.com

淘宝网址:lianjinhui.taobao.com

KindEditor编辑器无法获得提交的数据
您所在的位置:广州网站建设 » 新闻中心 » KindEditor编辑器无法获得提交的数据
KindEditor编辑器无法获得提交的数据
时间:2014-2-11 18:29:54;点击:5773
 

KindEditor编辑器无法获得提交的数据

以下列举KindEditor4X几处问题及解决方法:

PS:标红处为重点。

1. 使用A标签提交表单:

<form name="frm" action="demo.php" method="post">
  详细 内容:<textarea name="content" style="width:800px;height:400px;visibility:hidden;"></textarea><br>
                     <a href="#" onclick="Javascript:frm.submit()">提交</a>
  </form>

把上面A标签代码改成下列即可,

提交前需要执行editor.sync(),editor是K.create返回的对象。

<a href="#" onclick="Javascript:editor.sync();frm.submit();">提交</a>

注意:提交表单的命名(标蓝色处)要一致。

 

2.检查form标签放在table和tr之间,如果是这样的话form自动绑定事件可能有问题。解决方法是,提交时请执行一下editor.sync()。

具体实例如下:

<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>
<script>
    KindEditor.ready(function(K) {
        var editor = K.create('#content', {
            cssPath : 'kindeditor/plugins/code/prettify.css',
            uploadJson : 'kindeditor/php/upload_json.php',
            fileManagerJson : 'kindeditor/php/file_manager_json.php',
            allowFileManager : true,
            afterCreate : function() {
                var self = this;
                K.ctrl(document, 13, function() {
                    self.sync();
                    K('form[name=form1]')[0].submit();
                });
                K.ctrl(self.edit.doc, 13, function() {
                    self.sync();
                    K('form[name=form1]')[0].submit();
                });
            }
        });
        K('#form1').bind('submit', function() {
            editor.sync();
        });
    });
</script>

<tr class="editTr">
    <td class="editLeftTd">详细内容</td>
    <td class="editRightTd">
        <textarea id="content" name="content" style="width:800px;height:300px; visibility:hidden;"><?php echo $content; ?></textarea>
    </td>
</tr>

以上是本人使用到的Js与样式,可以根据实际操作相应增减,注意样式与Js引用路径问题是否正确,

上书绿色处为文本域ID与Name对应操作,蓝色处为表单名称命名,紫色为表单ID命名,红色处的操作是为了给解决表单布局的BUG所做的处理,给ID为#form1绑定editor.sync();操作。


发布此文章是为了给大家提供一种快速的解决方式,官方上也有此解决问题的方式,但都是只字片语,此问题折腾了我几个小时,不希望大家也在此问题上被阻挡。

 

KindEditor编辑器无法获得提交的数据资料由 广州网站建设团队 整理提供。广州网站建设团队主要的业务范围有:广州网站建设,深圳网站建设,广州网站优化,广州网站排名,广州竞价排名,广州电子商务,广州网页制作,广州网站设计,,广州兼职做网站,广州百度排名,广州网站营销,广州网站改版,广州企业网站制作,广州网站B2C商城建设,广州asp网站建设,广州PHP网站建设,广州JSP网站建设,广州小型软件制作,广州net网站制作,广州个人建站务求做到:价格最低,服务最好,设计最优

[ 返回 ]
Copyright © 2013-2021 棠下互联 电话:18102655509练先生; 微信:lianjinhui2015(棠下互联) 地址:广州市天河区棠下村接源大街5号 

全程服务:包域名,包主机,包网页,包后台(打基础);全面服务:送手机站,送企业邮箱,送公众号,送淘宝店,送电子名片(全包装);全赢服务:送合作站点,送营销工具,送推广方案(赢市场)

关闭