实时编辑Html并获取完整的源代码

时间:2018-05-08 06:02:56

标签: javascript jquery

我尝试了很多wsiwyg编辑器实时编辑我的.html文件,大部分都忽略了<html>标签,并且还格式化了我的代码(我不想要因为我缩小了我的HTML)

所以我打算创建我自己的boormaklet版本来做到这一点。所以我基本上想要编辑网页并获取代码。我使用了以下代码。

javascript:document.body.contentEditable = 'true';  
document.designMode='on'; 
void 0;

然后我想获得完整的页面源代码,所以我在下面尝试过,它忽略了编辑过的文本而忽略了<html>标记

$( 'html' ).html().toString();

那么如何在不修改代码的情况下获取完整的源代码,并使用<html>标记

1 个答案:

答案 0 :(得分:4)

尝试$(&#39; html&#39;)。get(0).outerHTML;它应该为您提供完整的代码。

https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML