HtmlPurifier 将额外列表项添加到所有列表

Question

我正在使用 bbcode parser 首先将 bbcode 解析为 HTML 然后我使用默认配置通过 HtmlPurifier 传递它，出于某种原因它在我的 HTML.

列表中添加了一个额外的列表项

这是 HTML 代码在传递给 HtmlPurifier 之前：

<strong>bold text</strong><br />
<em><strong>bold italic</strong></em><br />
<span style="text-decoration: underline"><strong>bold underline</strong></span><br />
<em><span style="text-decoration: underline"><strong>bold underline italic</strong></span></em><br />
<strong>bold striked</strong><br />
<em><span style="text-decoration: underline"><strong>bold italic underlined striked</strong></span><br />
<br />
italic text</em><br />
<br />
<span style="color: #9966ff">colored text</span><br />
<br />
<span style="text-decoration: underline"><em>italic underlined</em></span><br />
<br />
<span style="text-decoration: underline">underlined text</span><br />
<br />
<span style="text-decoration: line-through">striked text</span><br />
<br />
align left<br />
<br />
<div style="text-align: center">align center</div><br />
<br />
<div style="text-align: right"><span style="text-decoration: underline"><strong>align right bold underline</strong></span><br />
<br />
<div style="text-align: left"><a href="http://moo.com">a text link</a></div><br />
<div style="text-align: left"><a href="http://moo.com">[color=#9966ff]a colored text link[/color]</a><br />
<span style="color: #6699ff"><a href="http://moo.com">[b]a bold text link[/b]</a></span><br />
<span style="color: #333333"><br />
<span style="font-size: large"><strong>My List</strong></span></span><br />
<br />
<ul><br />
<li>Cat</li><br />
<li>Dog</li><br />
<li>Fish</li><br />
<li>Duck</li><br />
</ul><br />
<span style="font-size: large"><strong>My List 2</strong></span><br />
:)<br />
:&#039;(<br />
<ol><br />
<li><strong><span style="color: #666633">Car</span></strong></li><br />
<li><strong><span style="color: #666633">Bike</span></strong></li><br />
<li><strong><span style="color: #666633">Tram</span></strong></li><br />
<li><strong><span style="color: #666633">Bus</span></strong></li><br />
</ol><br />
<span style="font-size: large"><strong><br />
My List 3</strong></span><br />
<br />
<ol><br />
<li><a href="http://moo.com">Moo</a></li><br />
<li><a href="http://quack.com">Quack</a></li><br />
<li><a href="http://woof.com">Woof</a></li><br />
<li><a href="http://meow.com">Meow</a></li><br />
</ol><br />
</div><br />
</div><br />
<br />
<span style="font-size: large"><strong><br />
My List 4</strong></span><br />
<br />
<ul><br />
<li>Cat</li><br />
<li>Dog</li><br />
<li>Fish</li><br />
<li>Duck</li><br />
</ul>

这是 HTML 代码 after 从运行到 HtmlPurifier （请注意，我已经很好地格式化了它，因为它也删除了换行符）

<strong>bold text</strong><br /><em><strong>bold italic</strong></em><br /><span style="text-decoration:underline;"><strong>bold underline</strong></span><br /><em><span style="text-decoration:underline;"><strong>bold underline italic</strong></span></em><br /><strong>bold striked</strong><br /><em><span style="text-decoration:underline;"><strong>bold italic underlined striked</strong></span><br /><br />
italic text</em><br /><br /><span style="color:#9966ff;">colored text</span><br /><br /><span style="text-decoration:underline;"><em>italic underlined</em></span><br /><br /><span style="text-decoration:underline;">underlined text</span><br /><br /><span style="text-decoration:line-through;">striked text</span><br /><br />
align left<br /><br />
<div style="text-align:center;">align center</div>
<br /><br />
<div style="text-align:right;">
    <span style="text-decoration:underline;"><strong>align right bold underline</strong></span><br /><br />
    <div style="text-align:left;"><a href="http://moo.com">a text link</a></div>
    <br />
    <div style="text-align:left;">
        <a href="http://moo.com">[color=#9966ff]a colored text link[/color]</a><br /><span style="color:#6699ff;"><a href="http://moo.com">[b]a bold text link[/b]</a></span><br /><span style="color:#333333;"><br /><span style="font-size:large;"><strong>My List</strong></span></span><br /><br />
        <ul>
            <li><br /></li>
            <li>Cat<br /></li>
            <li>Dog<br /></li>
            <li>Fish<br /></li>
            <li>Duck<br /></li>
        </ul>
        <br /><span style="font-size:large;"><strong>My List 2</strong></span><br />
        :)<br />
        :'(<br />
        <ol>
            <li><br /></li>
            <li><strong><span style="color:#666633;">Car</span></strong><br /></li>
            <li><strong><span style="color:#666633;">Bike</span></strong><br /></li>
            <li><strong><span style="color:#666633;">Tram</span></strong><br /></li>
            <li><strong><span style="color:#666633;">Bus</span></strong><br /></li>
        </ol>
        <br /><span style="font-size:large;"><strong><br />
        My List 3</strong></span><br /><br />
        <ol>
            <li><br /></li>
            <li><a href="http://moo.com">Moo</a><br /></li>
            <li><a href="http://quack.com">Quack</a><br /></li>
            <li><a href="http://woof.com">Woof</a><br /></li>
            <li><a href="http://meow.com">Meow</a><br /></li>
        </ol>
        <br />
    </div>
    <br />
</div>
<br /><br /><span style="font-size:large;"><strong><br />
My List 4</strong></span><br /><br />
<ul>
    <li><br /></li>
    <li>Cat<br /></li>
    <li>Dog<br /></li>
    <li>Fish<br /></li>
    <li>Duck<br /></li>
</ul>

知道为什么要这样做吗？

Answer 1

您正在将这些列表传递给 HtmlPurifier：

<ul><br />
<li>Cat</li><br />
<li>Dog</li><br />
<li>Fish</li><br />
<li>Duck</li><br />
</ul><br />

但是 <br /> 元素不能是 <ul> 或 <ol> 元素的直接子元素：这些列表元素的所有子元素都必须是 <li> 元素。因此，HtmlPurifier 将在 <li> 标签 之后出现的 <br /> 元素折叠为 li 元素，因此导致 html 像 <li>Cat<br /></li>。但是，第一个 <br /> 标签没有 <li> 标签可以折叠到其中，因此生成了一个列表项来容纳它。

要修复，您必须像这样制作 BBCode 解析器输出 html：

<ul>
<li>Cat</li>
<li>Dog</li>
<li>Fish</li>
<li>Duck</li>
</ul>

HtmlPurifier 将额外列表项添加到所有列表

HtmlPurifier prepending extra list item to all lists

php

html

htmlpurifier