将原始HTML放置在WordPress快捷代码中

时间:2015-12-12 作者:T. Hinton

我的短代码:

function fullwidthFunc($atts, $content = null) {
    $atts = shortcode_atts(array(
        "backcolor" => \'transparent\',
        "backimgurl" => \'\',
        "color" => \'black\',
        "padding" => \'50px 10%\'
    ), $atts);
    return \'<div class="pr-fullwidth-row pr-row" style="background-color: \'.esc_attr($atts[\'backcolor\']).\'; background-image: url(\\\'\'.esc_attr($atts[\'backimgurl\']).\'\\\'); color: \'.esc_attr($atts[\'color\']).\'; padding: \'.esc_attr($atts[\'padding\']).\';">\'.$content.\'</div>\';
}
add_shortcode( \'fullwidth\', \'fullwidthFunc\' );
当我输入纯文本(即。[fullwidth]This is a test[/fullwidth]), 一切正常。但是,当我输入HTML时(即。[fullwidth]<h1>This is a test</h1>[/fullwidth]) 它将结果输出为纯文本,其中<h1> 显示的标记。除此之外,整个短代码工作正常。

如何将HTML处理为HTML?

1 个回复
SO网友:Mark Kaplun

为了得到@Milo的评论作为答案。您的代码正常工作,只是不可能在可视化编辑器中也在短代码中“编写”HTML。Shorcodes的处理方式与任何其他文本没有区别。

如果您想在短代码中使用格式化的HTML,只需使用普通的可视化编辑器格式化工具,或切换到文本编辑器即可。

相关推荐

如何在WordPress unctions.php中将短代码值传递到Head

我正在尝试为wordpress帖子上的图表创建一个快捷代码。到目前为止,我已经使用了短代码,我可以看到短代码值正在被传递,但我需要知道的是如何将这些值传递到Google图表,以便正确工作。以下是我目前掌握的代码:function chart_shortcode($atts) { $a = shortcode_atts( array( \'value1\' => \'\', \'value2\' => \'\', \'value