Я сейчас использую Firefox 7.0.1. Я работал над редактором WYSIWYG и совсем недавно обнаружил проблему с встраиванием контента в редактируемые документы. Я не уверен, является ли это ошибкой, но когда документ имеет designMode = для встраиваемого содержимого, например:
<object height="81" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F8921929"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F8921929" type="application/x-shockwave-flash" width="100%"></embed> </object>
... вообще не отображается на странице. Если режим дизайна отключен, содержимое отображается нормально, но в противном случае объект не загружается, и практически невозможно редактировать содержимое, так как вы не видите, где оно находится. Я мог бы создать заполнитель, но я бы предпочел, чтобы содержимое отображалось в редактируемом документе. Это базовый документ, который я использую в iframe для редактирования страниц:
var HTML = '<html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body></body></html>';
Вот код для создания редактируемого документа iframe:
var editor = document.createElement('iframe');
document.getElementById(parent_id).appendChild(editor);
var editor_doc = editor.contentWindow.document || editor.contentDocument;
editor_doc.write(HTML);
editor_doc.close();
editor_doc.designMode = "On";
Есть ли какое-либо решение или способ решения этой проблемы?