首页 > 解决方案 > 实时编辑 Html 并获取完整源代码

问题描述

我尝试了许多 wsiwyg 编辑器来实时编辑我的 .html 文件,其中大多数都忽略了<html>标签并格式化了我的代码(我不想要,因为我已经缩小了我的 html)

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

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

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

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

那么如何在不修改代码的情况下获得完整的源代码,并且带有<html>标签

标签: javascriptjquery

解决方案


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

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


推荐阅读