如何弹出编辑的内容？

Question

我想编辑页面中的内容，然后单击按钮弹出包含已编辑内容的整个页面。怎么办？我需要帮助。下面是一段代码，这里是JSFiddle。

HTML

<!--just an example-->
<div id="dialog" title="Basic dialog">
    <form>some forms here</form>
    <p>edit here and popup.</p>
</div>
<button id="previewr">popup</button>

的JavaScript

$('body').on('dblclick','p', function()
{
    $(this).attr('contentEditable', true);
});

Answer 1

类似的东西：

var w = window.open('','win', 'width=500,height=300');
var html = $('body').html(); // -- get current text
w.document.open();
w.document.write(html); // -- write to new window
w.document.close();

This jsFiddle显示旧的和新的。