使用HTML文件中的sed注释掉整个超链接块

问题描述 投票:1回答:3

我想删除许多HTML文件中URL中包含“legacy /”的某些超链接。但是,其中一些是一行

<a href=".../legacy/..."> ... </a>\n

而其他人则没有。我怎样才能一次使用sed来替换它们?

到目前为止我已经尝试过了

sed -ri 's/(.+legacy\/[[:print:]]+<\/a>.*$)/<!--\1-->/g' wave-on-a-string.html 

它只替换一行中的超链接。然后我意识到sed一次只读一行。但是,我无法找到如何匹配多个(不确定数量)行超链接块。

HTML文件包含以下内容:

      <a class="other-sim-page" href="legacy/wave-on-a-string.html" dir="ltr">
        <table>
          <tr>
            <td>
              <img style="display: block;" src="../../images/icons/sim-badges/flash-badge.png" alt="Flash Logo" width="44" height="44">
            </td>
            <td>
              <span class="other-sim-link">原始模擬教學與翻譯</span>
            </td>
          </tr>
        </table>
      </a>

...

          <p>瀏覽<a href="legacy/wave-on-a-string.html#for-teachers-header">更多活動</a>。</p>

...

                    <a href="legacy/radiating-charge.html" class="simulation-link">

                      <img class="simulation-list-thumbnail" src="../../sims/radiating-charge/radiating-charge-128.png" id="simulation-display-thumbnail-radiating-charge" alt="Screenshot of the simulation 電荷輻射" width="128" height="84"/><br/>
                        <strong><span class="simulation-list-title">電荷輻射</span></strong><br/>
                        <span class="sim-display-badge sim-badge-flash"></span>
                    </a>

...

它只匹配并替换第二个超链接,因为它在一行中。

我想替换所有超链接块(<a href="..."> ... </a>),如果它们延伸多行。

html sed multiline
3个回答
1
投票

使用GNU sed for -z并使用您在一个文件中一起提供的所有3个输入块作为输入:

$ sed -z '
    s:@:@A:g; s:}:@B:g; s:</a>:}:g;
    s:<a[^<>]* href="legacy/[^}]*}:<!--&-->:g;
    s:}:</a>:g; s:@B:}:g; s:@A:@:g
' file
      <!--<a class="other-sim-page" href="legacy/wave-on-a-string.html" dir="ltr">
        <table>
          <tr>
            <td>
              <img style="display: block;" src="../../images/icons/sim-badges/flash-badge.png" alt="Flash Logo" width="44" height="44">
            </td>
            <td>
              <span class="other-sim-link">原始模擬教學與翻譯</span>
            </td>
          </tr>
        </table>
      </a>-->

...

          <p>瀏覽<!--<a href="legacy/wave-on-a-string.html#for-teachers-header">更多活動</a>-->。</p>

...

                    <!--<a href="legacy/radiating-charge.html" class="simulation-link">

                      <img class="simulation-list-thumbnail" src="../../sims/radiating-charge/radiating-charge-128.png" id="simulation-display-thumbnail-radiating-charge" alt="Screenshot of the simulation 電荷輻射" width="128" height="84"/><br/>
                        <strong><span class="simulation-list-title">電荷輻射</span></strong><br/>
                        <span class="sim-display-badge sim-badge-flash"></span>
                    </a>-->

第一行将}转换为一个字符,然后通过将所有}s转换为@Bs然后将所有</a>转换为}然后将所有[^}]s转换为},以便char可以在括号表达式中作为</a>在字符串的正则表达式中取消想要替换,第二行做你想要的实际替换,第三行恢复所有@Bs到}s然后https://stackoverflow.com/a/35708616/1745001s到seds。

操作输入以创建输入中不存在的char是一种相当普遍的sed习惯用法,无法在regexp中否定字符串。有关其他示例,请参阅XSLT并提供其他说明。

如果您的输入中的字符串类似于您要匹配的字符串,这当然会失败但实际上它可能足以满足您的特定输入 - 您只需要考虑它的作用并检查它的输出到校验。


0
投票

您没有使用适当的工具执行此任务。

$ cat webpage.html <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> <a href="https://www.w3schools.com">Visit W3Schools</a> <p>My second paragraph.</p> <a href="legacy/radiating-charge.html" class="simulation-link"> <img class="simulation-list-thumbnail" src="../../sims/radiating-charge/radiating-charge-128.png" id="simulation-display-thumbnail-radiating-charge" alt="Screenshot of the simulation 電荷輻射" width="128" height="84"/><br/> <strong><span class="simulation-list-title">電荷輻射</span></strong><br/> <span class="sim-display-badge sim-badge-flash"></span> </a> </body> </html> 是使用正则表达式执行查找和替换的绝佳工具,但是正则表达式(基于DFA)无法解析嵌套结构(如JSON或XML树)(因为嵌套深度没有限制)。因此,我建议使用XML / HTML解析器。

例如,您可以使用$ cat remove_legacy.xslt <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" encoding="UTF-8" omit-xml-declaration="yes"/> <!-- copy the whole structure recursively --> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <!-- when you meet a tag a that contains href --> <xsl:template match="//a[contains(@href,'legacy')]"> <!-- add comment starting tag --> <xsl:text disable-output-escaping="yes">&#xa;&lt;!--&#xa;</xsl:text> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> <!-- add comment ending tag --> <xsl:text disable-output-escaping="yes">&#xa;--&gt;&#xa;</xsl:text> </xsl:template> </xsl:stylesheet>

输入:

$ xsltproc --html remove_legacy.xslt webpage.html 
<html>
    <body>
        <h1>My First Heading</h1>
        <p>My first paragraph.</p>
        <a href="https://www.w3schools.com">Visit W3Schools</a>
                <p>My second paragraph.</p>

<!--
<a href="legacy/radiating-charge.html" class="simulation-link">
            <img class="simulation-list-thumbnail" src="../../sims/radiating-charge/radiating-charge-128.png" id="simulation-display-thumbnail-radiating-charge" alt="Screenshot of the simulation 電荷輻射" width="128" height="84"><br>
            <strong><span class="simulation-list-title">電荷輻射</span></strong><br>
            <span class="sim-display-badge sim-badge-flash"></span>
        </a>
-->

    </body>
</html>

样式表:

href

输出:

legacy

如你所见,不包含sed -E '/<a\s+.*href=.*legacy\/.*<\/a>/d; /<a\s+.*href=.*legacy\//,/<\/a>/d' wave-on-a-string.html 的qazxswpoi没有评论。


0
投票

但尝试GNA

qazxswpoi
© www.soinside.com 2019 - 2024. All rights reserved.