kindEditor中提交内容数据库为空问题

本文介绍了KindEditor的工作原理,包括如何通过iframe实现富文本编辑,并详细解释了如何在表单提交时同步编辑器的内容。此外还提供了注意事项,确保数据正确提交。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.KindEditor 工作原理

隐藏原来 textarea 文本框,生成 iframe,在 iframe 里面进行编辑

Note

  • KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要执行 sync() 将HTML数据设置到原来的textarea。
  • KindEditor在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加sync函数,所以用form方式提交数据,不需要手动执行sync()函数。
  • KindEditor默认采用白名单过滤方式,可用 htmlTags 参数定义要保留的标签和属性。当然也可以用 filterMode 参数关闭过滤模式,保留所有标签。

2.提交数据

 $(function(){
                $("#save").click(function(){
                    if($("#promotionForm").form('validate')){
                        // 同步数据后可以直接取得textarea的value
                        editor.sync();

                        $("#promotionForm").submit();
                    }else{
                        $.messager.alert("警告","提交非法数据!!!","warning");
                    }
                });
            });

3.注意点

注意:当使用 kindEditor 进行编辑数据时,编辑后内容,不会自动随表单进行提交

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值