首页 > 开发 > JS > 正文

contenteditable="true"无法提交到php,该怎么办?

2017-09-05 12:21:21  来源:网友分享

最近在开发一个富文本编辑器,考虑到textarea只能输入文本,所以我用div的contenteditable="true"属性实现了富文本,可以插入图片,视频等。

但是问题来了,在表单页面:

<form action="test.php" method="post"><div contenteditable="true" name="zhengwen"></div><input type="submit"></form>

这样做,div里面的内容,根本就无法提交到test.php页面的,echo $_POST[zhengwen];是没输出的。

我怀疑根本就没有提交过来。

大家知道怎么解决吗?求表单提交页面和接收页面的简单代码!!!

解决方案

1、富文本编辑器可以用百度的UEditor2、正如楼上所说,你可以用ajax来提交,但是这个有一点不好,如果有一百个输入框,难道提交一百个键值对?3、所以你可以用js的formData对象,图片也可以发送过去,代码如下    $("#submit").click(function() {        var x = new FormData(document.getElementById("frm"));//构造方法里面必须是dom对象        x.append('abc', 123);//追加你的数据        $.ajax({            url: '1.php',            type: 'POST',            data: x,            processData: false,  // 告诉jQuery不要去处理发送的数据            contentType: false   // 告诉jQuery不要去设置Content-Type请求头        })        .success(function(data) {            //代码        });    });4、也可以用serializeArray函数模拟上面的formData对象,代码如下    var allDatas = $("form").serializeArray();    allDatas.push({name:'data',value: JSON.stringify(你的数据对象)});//追加的格式必须是name,value形式,打印allDatas的格式就知道了!!!    $.post(url,allDatas,function(json){//代码    });