P文字加入HTML文本(P text added to html text)

2019-07-05 02:43发布

我知道有很多话题就这一点,我已经看过所有的人,并没有任何的解决方案有适用于我。

我已经把一个简码在我的网页编辑器的“文本”边跑了响应滑块一个JScript。 然而,当我加载网页的源代码的JavaScript的每行后有一段吨标签。 它甚至有一个段落标记它甚至询问内容本身之前。

我试图编辑我的主题(原因2.0)的functions.php文件,但我不知道我能正确地标记它,这是非常PHP的沉重。 我也试着在这里建议的插件中的五个。 他们都没有任何影响。

该代码是可怕的,看起来像这样:

 <p>                <!-- START REVOLUTION SLIDER --></p>
 <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;">
 <div id="rev_slider_1_1" class="rev_slider" style="display:none;">
<ul>
 <li data-transition="slidehorizontal" data-slotamount="5" data-masterspeed="300" data-link="http://www.secondhandculture.org/mad-men-and-attraction"  >
                    <img src="http://www.secondhandculture.org/wp-admin/admin-ajax.php?action=revslider_show_image&#038;img=uploads%2F2012%2F12%2Fmad-men-image.jpg&#038;h=300&#038;t=exact" ></p>
<div class="caption sft"<br />
                 data-x=&#8221;400&#8243;<br />
                 data-y=&#8221;20&#8243;<br />
                 data-speed=&#8221;300&#8243;<br />
                 data-start=&#8221;200&#8243;<br />
                 data-easing=&#8221;easeOutExpo&#8221;><img src="http://www.secondhandculture.org/wp-content/uploads/2012/12/Mad-men-text.png" alt="Mad Men"></div>
<div class="caption big_white sfr"<br />
                 data-x=&#8221;550&#8243;<br />
                 data-y=&#8221;140&#8243;<br />
                 data-speed=&#8221;300&#8243;<br />
                 data-start=&#8221;500&#8243;<br />
                 data-easing=&#8221;easeOutExpo&#8221;>How it makes us love      <br><br />
what we know we should hate, <br><br />
 and asks us why</div>
 </li>
 </ul>
 <div class="tp-bannertimer tp-bottom"></div>
</p>
</div>
</div>
 <p>            <script type="text/javascript"></p>
 <p>                var tpj=jQuery;</p>
 <p>                                    tpj.noConflict();</p>
 <p>                tpj(document).ready(function() {</p>
 <p>                if (tpj.fn.cssOriginal != undefined)
                tpj.fn.css = tpj.fn.cssOriginal;</p>
 <p>                var revapi1 = tpj('#rev_slider_1_1').show().revolution(
                {
                    delay:9000,
                    startwidth:,
                    startheight:300,
                    hideThumbs:200,</p>
 <p>                        thumbWidth:100,
                    thumbHeight:50,
                    thumbAmount:1,</p>
 <p>                        navigationType:"none",
                    navigationArrows:"nexttobullets",
                    navigationStyle:"round",</p>
 <p>                        touchenabled:"on",
                    onHoverStop:"on",</p>
 <p>                        navOffsetHorizontal:0,
                    navOffsetVertical:20,</p>
 <p>                        shadow:2,
                    fullWidth:"off",</p>
 <p>                        stopLoop:"off",
                    stopAfterLoops:-1,
                    stopAtSlide:-1,</p>
 <p>                        shuffle:"off"
                });</p>
 <p>                }); //ready</p>
 <p>            </script></p>
 <p>                            <!-- END REVOLUTION SLIDER --></p>

Answer 1:

我有同样的问题一次,和add_filter( 'the_content', 'wpautop')对我的主题不起作用。 所以我所做的是以下几点:

  1. 雷沃滑块管理区域中,选择不显示很好的滑块。

  2. 查找故障排除选项卡(右下图),然后更改值

  3. jQuery的无冲突模式= ON

  4. 把JS包括身体= FALSE

  5. 重要组成部分 )的输出滤波器保护= 通过压缩输出

这样,该脚本将只是在一条线,因此自动款过滤器将p标签只是添加到单个线



Answer 2:

一个常见的原因是题材笔者改变了输出滤波器的优先主题,甚至与他/她自己的替代默认的。 所以,当你插入革命滑块简码,段落标记插入周围输出的每一行,打破了JavaScript代码。 在Firefox的错误控制台通常的消息是:

Error: SyntaxError: syntax error
Source Code:
</p> 

这是一个主题问题的主题作者应该可以解决。 如果你想尝试自己解决它,看起来像一条线:

add_filter( 'the_content', 'wpautop' , 99);

和过滤器的优先级(99)更改为类似9.这可能帮助,但也导致其他问题。 在一些主题的代码是不完全如此,但你可以找一个函数添加或从简码输出删除过滤器。 你可以看到在我下面的链接页面的例子。

但是, 这样做在此之前,试试这个:最近的革命滑块的版本有一个选项,以避免被过滤 。 当你创建一个滑块,在故障诊断中,有一个名为“输出过滤器保护”选项。 启用它(我已经使用了“通过回声输出”选项)。

这是一个已知的问题与一些Wordpress主题。 另外要注意,如果主题影响这个插件,它肯定会影响其他插件。

关于这个问题的一些意见张贴在http://pippinsplugins.com/never-remove-the-default-the_content-filters-in-themes/和http://theandystratton.com/2011/shortcode-autoformatting-html-与段落,和换行符

从第一个链接(千万不要删除默认的the_content过滤器在主题):

有主题开发中的可怕,可怕的做法,取出一些会被应用到发布和页面内容的默认筛选器...

从第二个链接(简码自动套用格式HTML与段落和换行符):

......我的简码输出是神秘自动格式化带有段落标记和换行符...它在全球去除WP内置了两个非常重要的核心内容过滤器,这个神秘的问题......这使得这个主题工作完美,负面影响ANY和具有简码的所有插件...

最终溶液是一个第二文章中指出:

不要使用一个主题,这可怜的代码在里面。



Answer 3:

请勿使用内联JS -使用register_script()和wp_enqueue_script

function o99_load_my_scripts()  
{  
    // Register for a plugin:  
    wp_register_script( 'custom-script', plugins_url( '/js/my-custom-script.js', __FILE__ ) );  
    // or  
    // Register for a theme:  
    wp_register_script( 'custom-script', get_template_directory_uri() . '/js/my-custom-script.js' );  
    // then, you can then enqueue the script:  
    wp_enqueue_script( 'custom-script' );  
}  
add_action( 'wp_enqueue_scripts', 'o99_load_my_scripts' ); 


文章来源: P text added to html text