[問題] CKeditor圖片上傳後吃掉文字

看板Web_Design作者 (強)時間9年前 (2015/10/14 14:43), 編輯推噓4(4011)
留言15則, 5人參與, 最新討論串1/1
大家好 小弟最近在裝ckeditor遇到一些問題, 我有弄了一個多圖上傳,可以把圖片馬上顯示在ckeditor裡面, 但是遇到一個問題,我上傳的方式是用ajax把ckeditor裡的content 傳到一個處理檔, <textarea id='content' name='content'><textarea> <script>CKEDITOR.replace( 'article_content' );</script> 這是我的ajax程式碼 $.ajax({ url:'upload_Protext.php', cache:false, dataType:'html', type:'POST', data:$("#CodeForm").serialize(), beforeSend:function(){ $('#UpLoadImg').show(); }, success: function(response) { $('#UpLoadImg').hide(); /*$('#htmlArea').hide();*/ $('#htmlArea').html(response); } }); 但是我在開發工具上發現我form的表單有傳出去,唯獨content,也就是 CKeditor 取代的部分沒有傳值,所以我圖片傳上去之後我之前打的內容 也會消失,但沒有用ajax時,我的content是可以正常被後台吃下的, 簡單來說,就是當使用到ajax,我的content就會失靈,傳了空的值, 但其他欄位卻都正常,我想應該是被 ckeditor影響,請問有人有遇到類似 問題嗎@@? 抱歉小弟描述得有點爛 看不懂得點請見諒我可以再更清楚描述 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.228.47.42 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1444804994.A.9B6.html

10/14 15:02, , 1F
你用console試試看抓不抓的到content的值
10/14 15:02, 1F

10/14 15:30, , 2F
function CKupdate(){
10/14 15:30, 2F

10/14 15:31, , 3F
for(instance in CKEDITOR.instances)
10/14 15:31, 3F

10/14 15:31, , 4F
CKEDITOR.instances[instance].updateElement();
10/14 15:31, 4F

10/14 15:31, , 5F
}
10/14 15:31, 5F

10/14 15:32, , 6F
ajax之前呼叫這支程式
10/14 15:32, 6F

10/14 16:16, , 7F
就我所知的CK問題是HTML標簽內不能為空白,否則會被吃掉
10/14 16:16, 7F

10/14 16:18, , 8F
例如:<span></span>,這個span會被吃掉,我會補上&nbsp;
10/14 16:18, 8F

10/14 21:43, , 9F
謝謝~我等等試試~
10/14 21:43, 9F

10/14 21:46, , 10F
CKEDITOR.instances.notes.getData() (七年前的筆記)
10/14 21:46, 10F

10/14 21:46, , 11F
notes 改成你的 id 看看
10/14 21:46, 11F

10/14 21:49, , 12F
請問這一行一樣也是加在AJAX前嗎?
10/14 21:49, 12F

10/14 22:03, , 13F
你可以alert出來看看,就是你editor的html內容了
10/14 22:03, 13F

10/14 22:04, , 14F
若要繼續用serialize,最簡單就是另放一個
10/14 22:04, 14F

10/14 22:04, , 15F
input-hidden給個name,在ajax前把 那行 val給他
10/14 22:04, 15F
文章代碼(AID): #1M7Vc2cs (Web_Design)
文章代碼(AID): #1M7Vc2cs (Web_Design)