基于类添加空格以保存文本文件

时间:2014-12-29 19:23:51

标签: javascript jquery

我正在处理可以使用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");

但保存的文件没有任何缩进。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

有人发布了解决此问题的答案。但在我将其作为正确答案检查之前,它已被删除。并且它不在我的历史记录中,所以我无法查找那个人。

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

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

或:

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

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

修改 用户是Six Fingered Man(https://stackoverflow.com/users/4256515/six-fingered-man)来找他的信用@charlietfl

谢谢你们两位!

答案 1 :(得分:0)

你不需要削减你的工作。

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");