Javascript 如何将本地HTML的内容保存（更改）为文本文件？

我正在尝试做一些具体的事情，我不确定这是可能的。我看到它回答了如何回答，但不是像我所问的那样

我的代码加载一个文本文件，并根据内容设置项目符号列表。项目符号列表既可以使用JQuery UI进行排序（拖放），也可以使用

contenteditable=“true”

进行编辑。以下是实现此目的的代码：

window.onload=function（）{
var fileInput=document.getElementById（'fileInput'）；
var fileDisplayArea=document.getElementById（'fileDisplayArea'）；
$（函数（）{
$（“#可排序1”）。可排序({
项目：“li:未（.ui状态已禁用）”
});
$（“#可排序2”）。可排序（{}）；
});
fileInput.addEventListener（'change'，函数（e）{
var file=fileInput.files[0]；
var textType=/text.*/；
if（file.type.match（textType））{
var reader=new FileReader（）；
reader.onload=函数（e）{
var file=reader.result；
var ul=document.createElement（'ol'）；
test=file.replace（/（\}）/gim，“\n”）
.替换（/\{/gim，“”）
.replace（/！Variable=（\w+）\s*\n/gim，“
$1
\n”）.split（/\s*\n\s*\n/）
.map（v=>v='\n
'+v）
.加入（“”）；
log（ul.innerHTML）；
htmlcontent=“
”+测试+“
”；
ul.innerHTML=htmlcontent；
fileDisplayArea.innerHTML=ul.innerHTML；
console.log（htmlcontent）；
$（“#可排序1”）。可排序({
项目：“li:未（.ui状态已禁用）”
});
$（“#可排序2”）。可排序({
取消：“.ui状态已禁用”
});
$（“#可排序1 li，#可排序2 li”）.disableSelection（）；
if（localStorage.userEdits！=null）
document.getElementById（“编辑”）.innerHTML=localStorage.userEdits；
}
reader.readAsText（文件）；
}否则{
fileDisplayArea.innerText=“不支持文件！”
}
});
}

#可排序1，
#可排序的2{
列表样式类型：无；
保证金：0；
填充：0；
缩放：1；
}
#可悲的1李，
#可排序的2李{
保证金：0 5px 5px 20px；
填充：3倍；
宽度：90%；
}
.ui状态禁用李{
颜色：绿色；
保证金：0 5px 5px 0px；
}
.ui状态默认li{
左边距：10%；
}

---

此代码用于将更改的HTML保存为文本文件

function savehtml() {
    var htm = document.body.appendChild(
        document.createElement("htm")
    );
    htm.download = "demo.txt";
    htm.href = "data:text/plain," + document.getElementById("fileDisplayArea").innerHTML;
    htm.click();
}

使用此函数调用：

<button onClick="savehtml()">Save HTML as Text</button>

将HTML另存为文本