自定义菜单描述剥离HTML标记

时间:2012-05-09 作者:Greg

花了两天时间研究这个。我需要能够添加HTML到自定义菜单描述。我能找到的所有东西(包括在这个网站上)都是从2011年2月开始的,并且提到使用了strip\\u标签过滤器。然而,这不再有效。我正在开发WP 3.4 Beta 4。

我创建了一个自定义walker类,并找到了一个过滤器来删除HTML标记,并将以下内容放入函数中。php:

// Custom Walker Class to extend Default Nav Menu
class Description_Walker extends Walker_Nav_Menu {

function start_el(&$output, $item, $depth, $args)
{
    $classes     = empty ( $item->classes ) ? array () : (array) $item->classes;

    $class_names = join(
        \' \'
    ,   apply_filters(
            \'nav_menu_css_class\'
        ,   array_filter( $classes ), $item
        )
    );

    ! empty ( $class_names )
        and $class_names = \' class="\'. esc_attr( $class_names ) . \'"\';

// Build default menu items
    $output .= "<li id=\'menu-item-$item->ID\' $class_names>";

    $attributes  = \'\';

    ! empty( $item->attr_title )
        and $attributes .= \' title="\'  . esc_attr( $item->attr_title ) .\'"\';
    ! empty( $item->target )
        and $attributes .= \' target="\' . esc_attr( $item->target     ) .\'"\';
    ! empty( $item->xfn )
        and $attributes .= \' rel="\'    . esc_attr( $item->xfn        ) .\'"\';
    ! empty( $item->url )
        and $attributes .= \' href="\'   . esc_attr( $item->url        ) .\'"\';

// Build the description
    $description = ( ! empty ( $item->description ) and 1 == $depth )
        ? \'<span class="nav_desc">\' . esc_html( $item->description ) . \'</span>\' : \'\';

    $title = apply_filters( \'the_title\', $item->title, $item->ID );

    $item_output = $args->before
        . "<a $attributes>"
        . $args->link_before
        . $title
        . \'</a> \'
        . $args->link_after
        . $description
        . $args->after;

    // Since $output is called by reference we don\'t need to return anything.
    $output .= apply_filters(
        \'walker_nav_menu_start_el\'
    ,   $item_output
    ,   $item
    ,   $depth
    ,   $args
    );
}
}

// Allow HTML descriptions in WordPress Menu
remove_filter( \'nav_menu_description\', \'strip_tags\' );
add_filter( \'wp_setup_nav_menu_item\', \'cus_wp_setup_nav_menu_item\' );
function cus_wp_setup_nav_menu_item( $menu_item ) {
       $menu_item->description = apply_filters( \'nav_menu_description\',  $menu_item-  >post_content );
       return $menu_item;
}
然后使用以下命令弹出菜单:

<?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu\' => \'primary\', \'menu_class\' => \'menu sf-menu\', \'walker\' => new Description_Walker )); ?>
然而,html标记仍然被剥离!看到了吗Screen Shots:

Menu Description

Results

1 个回复
最合适的回答,由SO网友:Stephen Harris 整理而成

(未测试)。但如果要在描述中使用HTML,则不应使用:

`esc_html( $item->description )`
尝试删除esc_html 因为这会逃逸HTML。(或更好的继续使用wp_kses 而是只允许某些标记。)。

所以你想要

$description = ( ! empty ( $item->post_content ) and 1 == $depth )
    ? \'<span class="nav_desc">\' .$item->post_content . \'</span>\' : \'\';
你还想要remove_filter( \'nav_menu_description\', \'strip_tags\' );, 但是cus_wp_setup_nav_menu_item 功能是不必要的。

虽然在上面的示例中没有,但我建议使用wp_kses.

结束

相关推荐

Menu API not switching menus?

我正在使用菜单API,我想切换到其他菜单,但出于某种原因,它保留了第一个菜单这是我的密码在函数中。php add_action( \'init\', \'register_my_menus\',10 ); function register_my_menus() { register_nav_menu(\'main-navigation\', \'Main Navigation\'); } 下面是我的主题文件(header.ph