Inhalt von iframe auf keyup erhalten

Question

Ich habe Tonnen von Posts auf diesem gesehen, aber keine Arbeit aus irgendeinem Grund.

Was interessiert Ich bin ist das Zeug Putting ich in ein contenteditable in eine <textarea> und <div> geben.

hier ist mein HTML:

var iframeBody=$('iframe').contents().find('body'); 
iframeBody.attr('contenteditable', true); 

$(document.body).on('keyup', iframeBody, function() { 
    var txt = $(this).html(); 
    $('div').html(txt); 
    $('textarea').val(txt); 
}); 

hier ist die JSfiddle, wenn Sie einen Vorschlag machen möchten:

<textarea ></textarea> 
<iframe></iframe> 
<div></div> 

meine JS hier http://jsfiddle.net/nyPAM/21/

jede mögliche Hilfe wäre sehr geschätzt, dieses Ding treibt mich verrückt,

Dank, tim

Answer 1

Try this:

var iframeBody=$('iframe').contents().find('body'); 
iframeBody.attr('contenteditable', true); 

$(iframeBody).on('keyup',function() { 
    var txt = $(this).html(); 
    $('div').html(txt); 
    $('textarea').val(txt); 
}); 

Demo: http://jsfiddle.net/GtXzz/