如何使用钩子在 WooCommerce 结帐页面上将 "Billing details" 标题更改为带有 html 标签的标题

Question

我正在尝试使用挂钩更改结帐页面上的“帐单详细信息”标题，我希望标题包含 HTML 标签，例如：img 和 div 标签。

这是我尝试过的方法，它更改了标题，但将 html 标签视为常规文本。

function filter_gettext( $translated, $original_text, $domain ) {   
    // Is admin
    if ( is_admin() ) return $translated;
    
    // No match
    if ( $original_text != 'Billing details' ) return $translated;
    
    // Match
    $translated = '<div>123</div>';
    
    return $translated;
}
add_filter( 'gettext', 'filter_gettext', 10, 3 );

预期输出为：123

Answer 1

add_filter('esc_html', 'billing_details_title', 10, 2);

function billing_details_title($safe_text, $text) {

    if ('Billing details' === $text && is_checkout()) {
        return '<div>123</div>';
    }
    return $safe_text;
}