Изменить iframe в jQuery, (контент не URL)

Question

В настоящее время я создаю плагин для электронной почты для статистики/пакета отчетов, который мы используем. Мы используем сторонний почтовый дистрибьютор, который запускает довольно классный пакет управления почтой.

Результат заключается в том, что я пытаюсь разработать плагин, который позволяет нам просматривать электронные письма до их отправки. Почтовый клиент предлагает простой поиск JSON, и это, похоже, соответствует счету.

Я предпросмотр этого содержания в IFRAME, чтобы отделить possbly противоречащего CSS и т.д.

Однако: Я на самом деле не знаю, как изменить содержимое в IFRAME.

Чтобы быть ясным, я не хочу изменять URL-адрес, я хочу полностью переписать содержимое iframe. Я огляделся вокруг, никто, кажется, не справляется с этой конкретной проблемой ... они меняют только URL.

Так вот вопрос в псевдо-коде:

[эта функция называется OnMouseUp() из отобранного тянуть вниз в HTML]

var replacement = '<div>Hello world. This is new content.</div>'; 

$('epframe').CompletelyReplace(replacement) 

Я уверен, что это не так уж трудно, но Я не лучший в jQuery/Javascript, так у кого-нибудь есть указатели?

Большое спасибо. Рик

Answer 1

Попробуйте это:

$(document).ready(function() { 
    $('#target').mouseup(function() { 
     var replacement = '<div>Hello world. This is new content.</div>';  
     $('#epframe').contents().find('html').html(replacement); 
    }); 
}); 

Он будет работать на том же домене, проверить same origin policy для более подробной информации.