文档章节

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

建华1
 建华1
发布于 2014/01/13 01:37
字数 527
阅读 112
收藏 0

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();操作。


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

如有不明白处,可以给本人留言,本人愿与大家共学习,共进步。

© 著作权归作者所有

建华1
粉丝 1
博文 7
码字总数 2497
作品 0
长沙
产品经理
私信 提问
kindeditor编辑遇到问题

不知道各位使用kindeditor的童鞋遇到过没有,我用kindeditor创建一篇文章没问题,filterMode默认设置false,比如“<”提交到数据库自动转译成“<”,正确的,正文中就不会被html解析执行,只...

Photon
2011/03/18
1K
5
kindeditor3.x升级到4.x 加入代码高亮功能

目前kindeditor已经升级到了4.1.2版本,其中4.0以上版本已经加入了代码高亮功能,所以决定把系统中kindeditor从3.x升级到最新的4.1.2,不过官方对于代码高亮功能,并未给予太多的说明,还需要...

度外网络
2012/08/26
281
0
KindEditor在thinkphp上的使用方法

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,且兼容主流浏览器。与ueditor这样的大块头相比,KindEditor的优点是不言而喻的--它体积小,加载速...

网菠萝果
2012/11/20
2.5K
0
Kindeditor 修改内容时如何不让 < 被自动转义

本人新手,用PHP&MySQL写了个文章发布系统,富文本编辑器使用的是Kindeditor。 症状说明: 我想通过编辑器发些代码,添加文章时可以正常发代码,包括 < 也被正常转义为 < ,保存到数据库中也...

OSC老司机
2011/08/15
11.7K
8
.NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

  KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无...

80368704
2018/06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何查看ubuntu的版本

cat /etc/issue

南桥北木
18分钟前
1
0
超详细Linux下QT使用appimage打包程序

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/kuer1379/article/details/82885810 一 打包工具 1.linuxd...

shzwork
23分钟前
2
0
Checkstyle的style

checkstyle是什么? 是代码规范检查,关于各种格式的利弊这里就不说了,但是业内有一些总结的规范利于goole或者阿里有自己的代码规范,就需要用到checkstyle。我个人很讨厌这东西,奈何项目再...

stayStand
27分钟前
5
0
左边竖条的实现方法

下面这个图形,只使用一个标签,可以有多少种实现方式: 假设我们的单标签是一个 div : 1 < div > div> 定义如下通用CSS: 1 2 3 4 5 6 div{ position : relative ; width : 200px ; height ...

前端老手
46分钟前
3
0
java利用ECHARTS.JS在前台显示图表

步骤1: (1)在java后台,使用MSQL分组函数,列出所有线在对应的点的值, (2)组成的Map如图所示: 注意: key为0的value表示X轴需要的数据;key为其他的值表示图表线条的名字,value为x轴的点对应的y...

文文1
48分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部