防止WordPress弄乱我的HTML

时间:2016-02-06 作者:Yanick Rochon

有没有办法防止WP修改我完美的HTML?在编写页面内容时,我编写的列表如下

<ol>
  <li>Paragraph 1 : text

  Some more text</li>
  <li>...</li>
</ol>
然后WP将HTML转换为

<ol>
  <li>Paragraph 1 : textSome more text</li>
  <li>...</li>
</ol>
这是令人沮丧的,因为有些列表很长,并且包含一些这样的HTML配置。

我试着把段落包装在里面P 标签,但它们也会被移除和废弃。

更新我找到的唯一解决方案是here 但它相当粗糙。。。我希望WP不会因为做我不想要也不要求的事情而如此痛苦。。。

1 个回复
SO网友:BillK

我假设您正在使用文本编辑器。。。

问题中有空行的示例通常由WP转换为:

<ol>
<li>Paragraph 1 : text
<p>  Some more text</p></li>
<li>…</li>
</ol>
由于创建了空行,Wpautop用p元素包装第二行。您的WP输出示例表明wpautop已被禁用(由您或插件禁用)。

启用wpautop后,添加一些CSS来创建所需空间非常容易:

ol li p {
    margin: 1em 0;
}
最好向ol中添加一个类,这样CSS规则只适用于您明确命名它的地方:

<ol class="my-ol-par">
    <li>Paragraph 1 : text
        <p>  Some more text</p></li>
    <li>…</li>
</ol>
使用CSS:

ol.my-ol-par li p {
    margin: 1em 0;
}
如果wpautop被禁用,并且您不想启用它,那么您可以始终在p元素中硬编码其他行,并使用相同的CSS解决方案。

更新时间:

<ol>
    <li>Paragraph 1 : text

        Paragraph 2 : text

        Paragraph 3 : text</li>
    <li>…</li>
</ol>