contenteditable="true" tidak boleh diserahkan kepada php, apakah yang perlu saya lakukan?

Question

Baru-baru ini saya sedang membangunkan editor teks kaya Memandangkan textarea hanya boleh memasukkan teks, saya menggunakan atribut contenteditable="true" div untuk melaksanakan teks kaya, yang boleh memasukkan gambar, video, dsb. Tetapi inilah masalahnya Pada halaman borang: {code...} Jika anda melakukan ini, kandungan dalam div hanya akan...

PHP中文网 · Answer

Memang tidak dihantar kerana butang hantar dalam borang hanya menghantar elemen borang sahaja. Dan

bukan unsur bentuk.

Jika anda ingin menyerahkan maklumat

的信息提交过去，需要自己构造POST, anda perlu membina sendiri permintaan POST saya akan menggunakan jQuery sebagai contoh:

$('form').submit(function(e) {
    e.preventDefault(); // 拦截HTML的默认表单提交

    var content = $('p[name=zhengwen]').html();
    $.post('....', {zhengwen: content}, functino(data) {
        // 成功回调
    });
});

Sudah tentu, terdapat banyak cara untuk menulis penyerahan POST jQuery, seperti $.ajax() dll.

Apabila menerima di sebelah PHP, baca sahaja seperti biasa$_POST.

欧阳克 · Answer

1、富文本编辑器可以用百度的UEditor
2、正如楼上所说，你可以用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){//代码
    });