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

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

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

最佳答案

有人发布了解决此问题的答案。但在我检查它是否为正确答案之前它就被删除了。而且它不在我的历史记录中,因此我无法查找该人。

他说删除 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

谢谢两位!

关于javascript - 根据类别添加空格以保存文本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27694743/

相关文章:

javascript - Ext JS 树列表存储无限加载?

javascript - 使用箭头键遍历内容可编辑的段落

javascript - GET 请求 'Accept: */*' header 导致 406。是否可以删除它?

javascript - jQuery 动画函数可能存在语法错误

javascript - jQuery ("#portfolioslide").data ("AnythingSlider") 为空

javascript - React.createElement ("audio",...不起作用?怎么了?

javascript - 使用 jQuery 设置动态创建的文本框的值

jquery - 删除表格行但保留 CSS 备用行格式

javascript - $(window).scroll 函数在移动设备上不起作用

javascript - 使用 jQuery 或 Javascript 触发 HTML5 下载