gpt4 book ai didi

javascript - 保存 html 文本区域状态

转载 作者:行者123 更新时间:2023-12-03 10:56:05 24 4
gpt4 key购买 nike

我正在寻找一种保存文本区域状态的方法。现在,如果我单击“保存”按钮,我将获得 html,而无需在文本区域中进行任何更改。有没有办法保存将注释插入文本区域的html文件?

所以基本上,用户在本地获取一个简单的 html 文件,他在浏览器中打开它并对左侧的表行进行注释。完成后,他单击“保存”按钮,保存文件,以便其他人可以阅读他的评论。

<html>
<body>
<script type='text/javascript'>

function saveTextAsFile()
{


var textToWrite = document.getElementsByTagName('html')[0].innerHTML
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
var fileNameToSaveAs = "CommentedLog.html"

var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
if (window.webkitURL != null)
{
// Chrome allows the link to be clicked
// without actually adding it to the DOM.
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
}
else
{
// Firefox requires the link to be added to the DOM
// before it can be clicked.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
}

downloadLink.click();
}

function destroyClickedElement(event)
{
document.body.removeChild(event.target);
}
</script>
<input type="button" value="save" onclick="saveTextAsFile()">
<table>
<tr><td>Test</td><td>Test2</td><td><textarea>Insert comment here...</textarea></td></tr>
<tr><td>Test</td><td>Test2</td><td><textarea>Insert comment here...</textarea></td></tr>
</table>
</body>

</html>

注释的行数将动态创建。

最佳答案

只需将其添加到函数的开头即可:

var textareas=document.getElementsByTagName('textarea');
textareas[0].textContent=textareas[0].value;

这些说明将更新文本区域内容

关于javascript - 保存 html 文本区域状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28263221/

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