HTML整洁-适当缩进表,并且不要在元素文本之间添加换行符

时间:2018-12-24 18:47:10

标签: html indentation tidy

我想使以下HTML代码正确格式化,其中包括递归地缩进表格以及选项标签,而这些标签的值未换行。有谁知道如何做到这一点?我似乎无法使HTML Tidy甚至正确缩进表结构。

我的整洁标志如下:

C:\Tools\html-tidy\tidy.exe --literal-attributes yes --vertical-space no --indent yes --quiet yes --tidy-mark no --force-output yes --indent-with-tabs yes --wrap 0 --break-before-br yes -m %f

我尝试更改此问题中提到的不同参数:Use HTML Tidy to just indent HTML code?

原始HTML:

<table border="1" class="info rightBlock" style="width: 95%;"><tr><th colspan="2">COOL STORY</th></tr><tr><td><p>LOL</p><p><a href="https://yahoo.com">Yahoo</a></p></td><td><br><p class="test"></p><div class="lol"><p>Test</p></div><select><option value="test">Test</option></select></td></tr></table>

HTML整洁的输出:

<!DOCTYPE html>
<html>
    <head>
    <title></title>
    </head>
    <body>
    <table border="1" class="info rightBlock" style="width: 95%;">
    <tr>
    <th colspan="2">
    COOL STORY
    </th>
    </tr>
    <tr>
    <td>
    <p>
    LOL
    </p>
    <p>
    <a href="https://yahoo.com">Yahoo</a>
    </p>
    </td>
    <td>
    <br>
    <p class="test"></p>
    <div class="lol">
    <p>
    Test
    </p>
    </div><select>
    <option value="test">
    Test
    </option>
    </select>
    </td>
    </tr>
    </table>
    </body>
</html>

预期产量

<table border="1" class="info rightBlock" style="width: 95%;">
    <tr>
        <th colspan="2">COOL STORY</th>
    </tr>
    <tr>
        <td>
            <p>LOL</p>
            <p>
                <a href="https://yahoo.com">Yahoo</a>
            </p>
        </td>
        <td>
            <br>
            <p class="test"></p>
            <div class="lol">
                <p>Test</p>
            </div>
            <select>
                <option value="test">Test</option>
            </select>
        </td>
    </tr>
</table>

有人知道我如何使用HTML Tidy实现所需的格式吗?现在看来,它似乎没有用。我想缩进使用标签。如果HTML Tidy无法以这种方式格式化HTML,那么还有其他工具可以吗?我不愿意编写自己的解析器,而且我知道这很困难,因此我很感激该工具已经可以完成的工作,但是它并不能以一种易于理解的方式缩进代码。

0 个答案:

没有答案