Question

我已经看到很多帖子，但由于某种原因没有工作。

我感兴趣的是将我输入的内容放入 contenteditable <iframe>中<textarea>和<div>。

这是我的HTML：

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

这是我的JS：

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);
});

如果您想提出建议，请点击这里的JSfiddle：http://jsfiddle.net/nyPAM/21/

任何帮助都会非常感激，这件事让我疯狂，

感谢，添

Answer 1

试试这个：

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

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

演示：http://jsfiddle.net/GtXzz/

在keyup上获取iframe的内容

1 个答案: