主页 / ubuntu / 问题 / 20937
Accepted
James
Asked: 2011-01-11 11:08:44 +0800 CST

如何根据一些健全的默认值轻松地重新标记 html 文件？

  • 772

我有一些 html 文件，我想重新标记，如下所示：

<header>
    <div class="wrapper">
                    <img src="images/logo.png">
                    <div class="userbox">
                            <div class="welcome">Welcome Andy!</div>
                            <div class="blackbox">
                                    <ul>
                                            <li><a href="#">Invite Friends</a></li>
                                            <li><a href="#">My Account</a></li>
                                            <li><a href="#">Cart</a></li>
                                            <li><a href="#">Sign Out</a></li>
                                    </ul>
                            </div>
                    </div>
            </div>
</header>

我希望它们看起来像这样：

<header>
  <div class="wrapper">
    <img src="images/logo.png">
    <div class="userbox">
      <div class="welcome">Welcome Andy!</div>
        <div class="blackbox">
          <ul>
            <li><a href="#">Invite Friends</a></li>
            <li><a href="#">My Account</a></li>
            <li><a href="#">Cart</a></li>
            <li><a href="#">Sign Out</a></li>
          </ul>
        </div>
    </div>
  </div>
</header>

或者一些理智的默认值。对于当前目录中的所有 html 文件，从 ubuntu 的终端执行此操作的最简单方法是什么？

vim

4 个回答

  1. Best Answer

    在vim：

    :set softtabstop=0
:set expandtab
:set smarttab
:set shiftwidth=2
gg=G
:retab

    编辑：解释：

    • 第 1-3 行：正常的默认值
    • 第 4 行：缩进 2 个空格
    • 第 5 行：
      • gg: 顶行
      • =: 缩进直到...
      • G： ...结尾
    • 第 6 行：确保所有制表符都转换为空格
    • 9 
  2. sudo apt-get install tidy
cd whatever_dir_you_want
find . -name '*.html' -exec tidy -m {} \;

    注意：这可能不适用于 inline-php。玩弄tidy（不带-m参数）看看它是如何工作的。

    • 1

  3. 我使用 Stéphane Chazelas 的解决方案使用 sed 重新缩进文件以及 dogbane 关于如何重复字符串 'n' 次来组成此调用的解决方案，该调用将更改使用空格进行缩进的文件的缩进：

    # Repeat a string "n" times e.g. repeatstr abc 3
#
# Solution from: https://stackoverflow.com/a/5349842/
repeatstr() {
  printf "%.0s$1" $(seq 1 $2)
}

# Reindent file that uses spaces
#   e.g. reindent 2 4 index.html
#   e.g. cat index.html | reindent 2 4
#
# Solution from: https://unix.stackexchange.com/a/47210/
reindent() {
  if [[ $# -gt 2 ]]; then
    f=$(mktemp)
    cat $3 | reindent $1 $2 > $f && mv $f $3
  else
    sed "h;s/[^ ].*//;s/$(repeatstr ' ' $1)/$(repeatstr ' ' $2)/g;G;s/\n *//"
  fi
}

    将这些函数添加到您的.bashrcor.zshrc中，然后运行：

    reindent 4 2 index.html

    如果开始时缩进不完美，我会首先通过“漂亮打印”格式化实用程序运行文件，例如HTML的tidy或 JSON 的jq。

    • 1

  4. 是第一个示例中的选项卡和下一个示例中的空格吗？这是一个可以将制表符更改为两个空格的 shell 脚本。将工作目录更改为 HTML 文件的位置。

    #!/bin/sh
for i in *.html
do
    sed 's/\t/  /g' "${i}" > filename.notabs && mv filename.notabs "${i}"
done

    更新

    我只需要做类似的事情。我为Komodo Edit的文件替换功能而苦苦挣扎。如果您可以通过 GUI 访问这些文件，那就太好了。

    替代文字

    • 0

相关问题