Wordpress 简码返回更改的 html答案

【问题标题】：Wordpress shortcode is returning changed htmlWordpress 简码返回更改的 html
【发布时间】：2016-08-21 13:53:59
【问题描述】：

我有一个用于调试的 WordPress 短代码功能，建议我将其减少到仅这 2 行

$detail='<div class="property_design_intext_details"><p style="text-align: right;"><div id="add_favorites" class="isnotfavorite" data-postid="132">add to favorites</div></p></div>';
return $detail;

问题出现在 wordpress 显示其他代码的前端。更准确地说（取自查看源代码）

   <div class="property_design_intext_details"><p style="text-align: right;"><div id="add_favorites" class="isnotfavorite" data-postid="132">add to favorites</div></div>

结束 </p> 标记丢失。

关于为什么会发生这种情况以及如何防止它的任何想法。

【问题讨论】：

尝试不要在 p 元素中添加 div 元素，尝试在 p 中使用 span 而不是 div。这实际上不应该影响短代码输出，但仍然..

标签： html wordpress shortcode

【解决方案1】：

浏览器修复损坏的 HTML。

不要将<div> 放在<p> 中。

不可能将<div> 元素放在DOM 中的<p> 中，因为打开的<div> 标记会自动关闭<p> 元素。

【讨论】：

Ups - 我想你明白了 - 一旦我用 span 更改了 p 内的 div，一切正常。感谢您花时间查看。