我的源代码中出现了一个额外的</p>--我如何诊断源代码?

时间:2017-12-27 作者:cag8f

在…上my page 我通过文本编辑器插入了一些简单的HTML:

<div class="box box-tv">
<img class="logo-ma" src="http://kabultec.org/dev/wp-content/uploads/2017/07/logo-nbc.svg"/>
<img class="logo-ma" src="http://kabultec.org/dev/wp-content/uploads/2017/07/logo-nbc.svg"/>
<div class="logo-ma"></div>
<div class="logo-ma"></div>
</div>
但是当我查看前端源代码时</p> 出现在第二个之后<img> (screenshot). 我如何确定这一问题的原因</p>?

我已经在源代码中搜索了一个潜在的空缺<p> 我忘记关闭的标记,但不存在。

我还尝试禁用自动插入<br><p> 标签,通过向函数添加代码。php。

add\\u action(\'Spaced\\u before\\u body\\u content\',\'nobrp\');函数nobrp(){if(is\\u page(\'232\'){remove\\u filter(\'the\\u content\',\'wpautop\');remove\\u filter(\'the\\u extract\',\'wpautop\');函数wpse\\u wpautop\\u nobr(\'content){return wpautop(\'content,false);}添加_过滤器(\'the_content\'、\'wpse_wpsautop_nobr\');添加\\u筛选器(\'the\\u摘录\',\'wpse\\u wpsautop\\u nobr\');}}

我还添加了要删除的代码<p> 周围的标记<img> 标签(see here). 但这也没有解决我的问题。

移除</p> 我计划在flex容器中向该页面添加更多图像,以便在页面上以特定的方式进行布局。额外的</p> 导致元素未按预期对齐。

我们欢迎采取变通办法,但如果可能,我最感兴趣的是确定此问题的原因。

谢谢

1 个回复
SO网友:D. Dan

我在模板中使用了这些来从编辑器中删除所有p标记:

remove_filter(\'acf_the_content\', \'wpautop\');

// This is where the content of the editor was written out by the template

add_filter(\'acf_the_content\', \'wpautop\'); //add back the filter 
//so it doesn\'t mess with other stuff
您还可以尝试删除图像之间的换行符。它在编辑器中看起来很难看,但可能会解决问题。

编辑:我刚刚意识到这是针对acf领域的,但acf插件也可以通过这种方式解决您的问题。。。

结束

相关推荐

显示带有HTML标记和所有内容的帖子内容

下面的代码允许我很好地显示文章标题和内容,但内容并不像我在post EDITOR上看到的那样显示。以下是呈现PHP的网页:http://queridas.com.ar/sandbox/reflexion/entrevistas/以下是PHP代码:<?php $post_id = 2292; // Define the ID of the page $queriedPost = get_post($post_id); // Load contents of the pag