Baru-baru ini saya sedang membangunkan editor teks kaya, memandangkan textarea hanya boleh memasukkan teks, saya menggunakan atribut contenteditable="true" p untuk melaksanakan teks kaya, yang boleh memasukkan gambar, video, dsb.
Tetapi inilah masalahnya, pada halaman borang:
<form action="test.php" method="post">
<p contenteditable="true" name="zhengwen"></p>
<input type="submit">
</form>
Jika anda melakukan ini, kandungan dalam p tidak boleh diserahkan ke halaman test.php sama sekali, dan echo $_POST[zhengwen] tidak akan dikeluarkan.
Saya ragu ia telah diserahkan sama sekali.
Ada sesiapa tahu cara menyelesaikannya? Mencari kod mudah untuk halaman penyerahan borang dan halaman penerimaan! ! !
Memang tidak dihantar kerana butang hantar dalam borang hanya menghantar elemen borang sahaja. Dan <p contenteditable="true">
bukan unsur bentuk.
Jika anda ingin menyerahkan maklumat <p contenteditable="true">
的信息提交過去,需要自己構(gòu)造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) {
// 成功回調(diào)
});
});
Sudah tentu, terdapat banyak cara untuk menulis penyerahan POST jQuery, seperti $.ajax()
dll.
Apabila menerima di sebelah PHP, baca sahaja seperti biasa$_POST
.
1、富文本編輯器可以用百度的UEditor
2、正如樓上所說,你可以用ajax來提交,但是這個有一點不好,如果有一百個輸入框,難道提交一百個鍵值對?
3、所以你可以用js的formData對象,圖片也可以發(fā)送過去,代碼如下
$("#submit").click(function() {
var x = new FormData(document.getElementById("frm"));//構(gòu)造方法里面必須是dom對象
x.append('abc', 123);//追加你的數(shù)據(jù)
$.ajax({
url: '1.php',
type: 'POST',
data: x,
processData: false, // 告訴jQuery不要去處理發(fā)送的數(shù)據(jù)
contentType: false // 告訴jQuery不要去設(shè)置Content-Type請求頭
})
.success(function(data) {
//代碼
});
});
4、也可以用serializeArray函數(shù)模擬上面的formData對象,代碼如下
var allDatas = $("form").serializeArray();
allDatas.push({name:'data',value: JSON.stringify(你的數(shù)據(jù)對象)});//追加的格式必須是name,value形式,打印allDatas的格式就知道了!??!
$.post(url,allDatas,function(json){//代碼
});