將圖像追加到富文本編輯器中，不能在IE中工作

這是我將圖像添加到帖子的方式。它顯示在所有的瀏覽器，但IE將圖像追加到富文本編輯器中，不能在IE中工作

<script type="text/javascript"> 
image = '<img src="http://forum.site.com/.../<?php echo $_SESSION['user_id']; ?>/question_reply_images/<?php echo $image_name; ?>" alt="<?php echo $alt; ?>" />'; 
document.getElementById('editor1').innerHTML += '<span style="width:100%; float:left;"' + image + '</span>'; 
window.location = '#reply_textbox'; 
</script>

這是這個過程：用戶在文本區域寫入文本（使用所見即所得的編輯器 - CKEDITOR），然後將選擇一個文件並上傳。然後將其附加到textarea的末尾。這甚至不會在IE中顯示。圖像正在上傳，但不會顯示在textarea中。

來源

2012-04-06 Graham

「editor1」到底是什麼？ – Pointy 2012-04-06 19:44:58

將圖像附加到的textarea的ID。這是一個所見即所得的編輯器，例如CKeditor – Graham 2012-04-06 19:45:47

如果「editor1」是TEXTAREA，並且您將IMAGE標記置於之內，則無論如何這都是無效的HTML。如果發生了這種情況，那麼您很幸運，該圖像顯示在任何瀏覽器中。確保IMAGE標籤包含在設計用來容納這些東西的元素中。

其他信息

如果使用W3C驗證，或搜索textarea的允許孩子，你會發現它不允許它裏面 IMG或其他標記。除了你的其他問題，你應該驚訝於非IE瀏覽器顯示的圖像，而不是IE瀏覽器不喜歡的。

來源

2012-04-06 19:46:51

@Graham：不要把圖像**放在textarea裏面。在** textarea之後放置圖片**。 – 2012-04-06 19:51:39

好主意，但是......它會在提交時被包含在帖子中？ – Graham 2012-04-06 19:53:05

@格拉漢姆：我不確定你在處理什麼。聽起來對我來說是一個不同的問題。 – 2012-04-06 20:00:49

將圖像追加到富文本編輯器中，不能在IE中工作

回答

相關問題