javascript - 将图像附加到富文本编辑器在 IE 中不起作用

标签 javascript html rich-text-editor

这就是我将图像附加到帖子中的方式。它显示在除 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),然后选择一个文件并上传它。然后将其附加到文本区域的末尾。这甚至不会在 IE 中显示。图片正在上传,但不会显示在文本区域中。

最佳答案

如果“editor1”是一个 TEXTAREA,并且您将 IMAGE 标记放入内部,那么无论如何,这都是无效的 HTML。如果确实发生了这种情况,那么您很幸运该图像可以在任何浏览器中显示。确保 IMAGE 标记包含在旨在容纳此类内容的元素中。

其他信息

如果您使用 W3C 验证器,或者搜索 TEXTAREA 允许的子级,您会发现它不允许其中包含 img 或其他标签。除了您的其他问题之外,您应该对非 IE 浏览器显示图像感到惊讶,而不是因为 IE 没有显示图像而感到沮丧。

关于javascript - 将图像附加到富文本编辑器在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10048455/

相关文章:

javascript - Lightswitch HTML 客户端 - 在创建屏幕时设置模式选择器值

html - :Hover to Show an Image on . SVG

jquery - Summernote富文本编辑器: minHeight and maxHeight options have no effect

javascript - 使用自动定位在鼠标悬停时显示大图像

javascript - Angular 2 - Http Get 请求 - 传递 json 对象

html - FireFox 中的 100% TextArea 使用绝对位置

html - 仅使用 CSS 扩展菜单栏

jQuery 富文本编辑器

javascript - TinyMCE 错误地合并 A 标签

c# - 使用 FileReader.readAsDataUrl 上传图片到 Web Api 服务