根据类添加空格以保存文本文件

Adding spaces based on class for saving text file

本文关键字:保存 文本 文件 空格 添加      更新时间:2023-09-26

我正在处理一个可以使用FileSaver.js保存的报告。在将 html 保存到文本文件之前,我需要能够在 html 中的值之前"缩进"或添加空格。

下面是 HTML 示例:

<div class="s_indent">$_('Endpoint') <span class="endpoint_num"></span></div>
<div class="m_indent">$_('Local Interface'): <span class="local_if"></span></div>
  • s_indent为短缩进或两个空格
  • m_indent是中等缩进或四个空格
  • 还有一个长缩
  • 进和超长缩进,分别有 6 个和 8 个空格。

HTML通过CSS缩进,它工作得很好。

这是我对jQuery的:

if ($("div").hasClass("s_indent")) {
    $("div.s_indent").appendTo("  ");
}
if ($("div").hasClass("m_indent")) {
    $("div.m_indent").appendTo("    ");
}
final_text = $.trim(final_text.replace(/'n+/g, "'r'n"));
blob = new Blob([final_text], {type: "text/plain;charset=utf-8"});
saveAs(blob, "SavedFile.txt");

但是保存的文件没有任何缩进。谁能帮忙?

有人发布了一个答案来解决这个问题。但是在我将其检查为正确答案之前,它就被删除了。而且它不在我的历史记录提要中,所以我无法查找那个人。

他说要删除if语句并使用prepend

    $("div.s_indent").prepend("  ");
    $("div.m_indent").prepend("    ");

或:

    $("div.s_indent").prepend("&nbsp;&nbsp;");
    $("div.m_indent").prepend("&nbsp;&nbsp;&nbsp;&nbsp;");

如果您是帮助过我的人,请发布您的答案,我会重新检查您的答案是否正确,以便您获得信用。我只记得你的照片。谢谢你,匿名助手!

编辑:用户是六指人(https://stackoverflow.com/users/4256515/six-fingered-man)找到他的功劳@charlietfl

谢谢你们!

你不需要修剪你的工作。

if ($("div").hasClass("s_indent")) {
    $("div.s_indent").appendTo("  ");
}
if ($("div").hasClass("m_indent")) {
    $("div.m_indent").appendTo("    ");
}
final_text = final_text.replace(/'n+/g, "'r'n");
blob = new Blob([final_text], {type: "text/plain;charset=utf-8"});
saveAs(blob, "SavedFile.txt");