gpt4 book ai didi

javascript - 如何使用 JS 获取完整的 HTML 标签并放入文本区域

转载 作者:行者123 更新时间:2023-12-02 16:32:37 30 4
gpt4 key购买 nike

我正在努力获取 html 源代码值,并在单击按钮时将其放入特定的文本区域或 div 中。但我不会得到完整的 HTML 标签,它的结果是开始标签是 Meta 标签,它将删除正确的 HTML 标签。我需要从 <!DOCTYPE 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>

这是我的工作 Div 和示例图像: SAMPLE IMAGE我需要更改该 div 颜色并更改该 div 中的文本部分。如何使用 HTML 代码获取整个自定义 div。 我的演示 FIDDLE 。如何使用 Javascript 获取真正的源代码函数并将其放入特定的文本区域。

最佳答案

第一个标签之后的所有 html 标签都将被删除。要解决此问题,只需将模板代码放在隐藏的文本区域内,然后该值将按字面意思保留。

更新的 fiddle :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>

关于javascript - 如何使用 JS 获取完整的 HTML 标签并放入文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28164923/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com