将图像追加到富文本编辑器中，不能在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中工作

回答

相关问题