如何使用JS获取完整的HTML标记并将其放入textarea
我正在努力获取html源代码值，并在单击按钮时将其放入特定的文本区域或div中。但我不会得到完整的HTML标记，它的结果是，开始标记是元标记，它将删除适当的HTML标记。我需要从
这是我的演示
$('#save_editor').click(function(){
var full_value=$("#editor").html();
$('#write_html').val(full_value);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<div id="editor"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>title</title> <style type="text/css"> // My style code </style> </head> </head> <body> <div> <p>my body</p> </div> </body> </html> </div> <textarea id="write_html"></textarea> <button id="save_editor">save</button>
共有2个答案
我不确定JQueryhtml（）是否会返回您想要的内容。但是用普通的JavaScript和一点调整，你可以得到你期望的结果。
使用文档。文档元素。outerHTML将为您提供除doctype之外的所有源代码。然后可以使用文档获取doctype。doctype并将它们拼凑在一起，就得到了完整的源代码。
第一个html标记之后的任何html标记都将被删除。要解决这个问题，只需将模板代码放在一个隐藏的文本区域内，然后该值将被逐字保留。
更新小提琴：http://jsfiddle.net/j64r54rj/5/
$('#save_editor').click(function(){
var full_value=$("#editor textarea").val();
$('#write_html').val(full_value);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editor"><textarea style="display: none;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>title</title> <style type="text/css"> // My style code </style> </head> </head> <body> <div> <p>my body</p> </div> </body> </html> </textarea> </div> <textarea id="write_html"></textarea> <button id="save_editor">save</button>-
我正在刮网页使用JSoup库通过选择类属性，其中包含"nav"字符串。 这是获取网站超文本标记语言的代码： 正如您所看到的，id=“varPreviewMenu”的ul元素包含Jsoup检索到的HTML不包含的li元素。 我怎样才能得到那些元素？
-
问题内容： 当我使用jsoup提取数据时遇到一个职位。数据如下： 我想要这样的数据： 我怎样才能做到这一点？谁能帮我？ 问题答案： 您可以将html解析为，选择-Element并获取其文本。 例： 输出：
-
问题内容： 我曾经用过，但是抛出了一个错误…有什么办法得到所有东西？ 问题答案： 您可以尝试： 如果您还想捕获html标签，可以将它们连接到html，如下所示：
-
问题内容： 我已经使用iText将表格内容导出为pdf。 这是我的代码： JSP: Servlet: 用过itextpdf-5.1.0.jar这是我的JSP页面。 从jsp获取字符串时， 我得到的内容与表td tr…相同，而不是实际值。 有什么帮助吗？ 问题答案： 请看一下示例ParseHtmlTable1和ParseHtmlTable2。 他们创建以下PDF：html_table_1.pdf 和
-
嗨，我想实现的是，我想使用其他API，并使用RestTemplate将一些响应数据放入函数中的List，下面是我的代码的样子： 如您所见，我尝试在List中获得响应，这是我在这里尝试的
-
问题内容： 如何使用JavaScript获取HTML页面的标题？ 问题答案： 用途：