Huy Hòa
  • Home
  • Lập trình
    • WordPress
    • Joomla
    • Marketing
    • Seo Web
    • Thiết kế Web
  • Mẹo Vặt
  • Sức khỏe
  • Làm đẹp
  • Du Lịch
  • Free Tools
    • Chuyển Số Thành Chữ
    • Sửa Lỗi Font Chữ Tiếng Việt Online
    • Phần Mềm Gõ Tiếng Việt Online
  • Liên hệ
Nổi bật
  • Nước vo gạo và những công dụng tuyệt vời mà bạn chưa biết
  • 21 Serum HA tốt nhất hiện nay cho da khô, da dầu nhờn và trị mụn
  • 15 cách làm trắng răng tại nhà cực kỳ hiệu quả và dễ áp dụng
  • 50+ website tải Sound Effects chất lượng cao miễn phí và có phí
  • Đánh giá 10 phần mềm SEO AI tốt nhất hiện nay
Thứ Bảy, Tháng Tư 1
Huy Hòa
  • Home
  • Lập trình
    • WordPress
    • Joomla
    • Marketing
    • Seo Web
    • Thiết kế Web
  • Mẹo Vặt
  • Sức khỏe
  • Làm đẹp
  • Du Lịch
  • Free Tools
    • Chuyển Số Thành Chữ
    • Sửa Lỗi Font Chữ Tiếng Việt Online
    • Phần Mềm Gõ Tiếng Việt Online
  • Liên hệ
Huy Hòa
Home»Thiết kế web»Hướng dẫn sử dụng các hàm esc_html_e(), esc_html__(), esc_html() trong WordPress

Hướng dẫn sử dụng các hàm esc_html_e(), esc_html__(), esc_html() trong WordPress

Facebook Twitter Pinterest LinkedIn Tumblr Email
Hướng dẫn sử dụng hàm esc_html() trong Wordpress
Hướng dẫn sử dụng hàm esc_html() trong Wordpress

Liên quan tới việc hiển thị string trong mã nguồn wordpress, ta có khá nhiều hàm với các chức năng khác nhau như: esc_html(), esc_html__(), esc_html_e(), esc_attr, esc_html_x, esc_attr_e()… Trong khuôn khổ bài viết này, chúng ta cùng nghiên cứu vè 3 hàm cơ bản và hay sử dụng nhất trong quá trình làm theme hay plugins là esc_html_e(), esc_html__(), esc_html().

Table of Contents

  • 1 Hàm esc_html()
    • 1.1 Cách sử dụng hàm esc_html()
  • 2 Hàm esc_html_e()
    • 2.1 Cách sử dụng hàm esc_html_e()
  • 3 Hàm esc_html__()
    • 3.1 Cách sử dụng hàm esc_html__()

Hàm esc_html()

Hàm này có chức năng gần tương tự như strip_tags trong PHP, và encode các mã html để hiển thị ra màn hình của người dùng. Nói một cách nôm na là nó chuyển đoạn mã html hiển thị ra mà không bị chuyển đổi. Ví dụ bạn có một đoạn code hiển thị link muốn cho người đọc xem code thì dùng esc_html() để hiển thị. Vì bình thường nếu cho code html thì ra ngoài nó sẽ hiện luôn cái liên kết đó. Các bạn có thể tìm thấy hàm esc_html() tại file này: wp-includes/formatting.php. Đây là hàm nguyên bản của WordPress:

function esc_html( $text ) {
    $safe_text = wp_check_invalid_utf8( $text );
    $safe_text = _wp_specialchars( $safe_text, ENT_QUOTES );
    /**
     * Filters a string cleaned and escaped for output in HTML.
     *
     * Text passed to esc_html() is stripped of invalid or special characters
     * before output.
     *
     * @since 2.8.0
     *
     * @param string $safe_text The text after it has been escaped.
     * @param string $text      The text prior to being escaped.
     */
    return apply_filters( 'esc_html', $safe_text, $text );
}

Cách sử dụng hàm esc_html()

Hướng dẫn sử dụng hàm esc_html() trong WordPress
Hướng dẫn sử dụng hàm esc_html() trong WordPress

Hàm esc_html() trả về dạng string và sẽ KHÔNG hiện ra trên trình duyệt. Muốn hiện nội dung trả về của hàm esc_html() thì bạn phải echo nó ra.

$html = esc_html( '<a href="https://huyhoa.net">Huy Hoa</a>' );

Giá trị trả về sẽ là:

&lt;a href=&quot;https://huyhoa.net&quot;>Huy Hoa&lt;/a>

Như các bạn thấy, đoạn html bên trên đã được encode, và như vậy khi echo ra nó sẽ hiện y như này:
<a href=”https://huyhoa.net”>Huy Hoa</a> thay vì hiển thị như này: Huy Hoa

Tham khảo các hàm hay sử dụng trong wordpress:

33 Hàm Trong WordPress Hay Sử Dụng Nhất

Hàm esc_html_e()

Có một hàm tương tự và nhìn khá giống hàm esc_html(), và có chức năng tương tự là esc_html_e()

Sự khác nhau giữa hàm esc_html với hàm esc_html_e() là hàm esc_html_e() sẽ dịch (nếu website có nhiều ngôn ngữ) và hiển thị luôn cái đoạn code html cần hiển thị. Bạn không cần phải echo nó nữa. Hàm esc_html_e() có thể được tìm thấy trong file này: wp-includes/l10n.php.

function esc_html_e( $text, $domain = 'default' ) {
    echo esc_html( translate( $text, $domain ) );
}

Cách sử dụng hàm esc_html_e()

Hướng dẫn sử dụng hàm esc_html_e() trong WordPress
Hướng dẫn sử dụng hàm esc_html_e() trong WordPress

Hàm esc_html_e() dịch đoạn văn bản và mã hóa html code rồi hiển thị ra màn hình. Cách sử dụng như sau:

<h1><?php esc_html_e( 'Title', 'text-domain' )?></h1>

Đoạn code bên trên sẽ dịch Title tùy theo từng ngữ cảnh cụ thể trên web của bạn.  Lưu ý là hàm esc_html_e() nó mã hóa html nên trong tham số $text thì bạn không thể để html hay là tham số $value của PHP, vì nó sẽ mã hóa luôn tham số đó. Nếu bạn muốn dịch và kèm tham số thì thay vì dùng hàm esc_html_e() thì các bạn có thể dùng hàm translate. Ví dụ:

echo translate( "Bài này được cập nhật lần cuối lúc: ", 'huyhoa' );
    echo $date('H:i:s, d-m-Y');

Hàm esc_html__()

Hàm esc_html__() chính là phiên bản không echo của hàm esc_html_e() ở bên trên. Hàm này có chức năng tương tự như hàm esc_html_e() nhưng mà trả về giá trị string chứ không hiển thị ra màn hình.

Các bạn cũng có thể tìm thấy hàm này tại file: wp-includes/l10n.php.

function esc_html__( $text, $domain = 'default' ) {
    return esc_html( translate( $text, $domain ) );
}

Như các bạn có thể thấy, hàm này nó chính là hàm esc_html() bên trên nhưng nó kèm theo hàm translate để dịch tham số text.

Cách sử dụng hàm esc_html__()

Hướng dẫn sử dụng hàm esc_html__() trong WordPress
Hướng dẫn sử dụng hàm esc_html__() trong WordPress

Hàm esc_html__() dịch đoạn văn bản, mã hóa html code trong đó rồi trả về giá trị là dạng string. Muốn sử dụng nó để hiển thị ra màn hình thì bạn phải echo nó ra.

esc_html__( "Bài này được <b>cập nhật</b> lần cuối lúc: ", 'huyhoa' );

Các bạn có thể thấy, hàm esc_html__() và hàm esc_html_e() có chức năng tương tự nhau. Sự khác nhau là esc_html__() thì KHÔNG hiển thị (tức không echo nội dung), còn hàm esc_html_e() thì HIỂN THỊ nội dung ra bên ngoài trình duyệt.

Ttham khảo thêm thông tin của các hàm này ở trang hỗ trợ chính thức trên trang WordPress for Developer

Hàm esc_html__(): tại đây.

Hàm esc_html(): tại đây.

Hàm esc_html_e(): tại đây.

4.8/5 - (9 bình chọn)
Wordpress
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous ArticlePhát Ban: 22 Loại Phát Ban Trên Da Thường Gặp, Nguyên Nhân và Cách Điều Trị
Next Article Cách rửa mặt đúng cách: tránh ngay 3 sai lầm bạn hay mắc phải
Huy Hoa
  • Website

Related Posts

Đánh giá 10 phần mềm SEO AI tốt nhất hiện nay

Hướng dẫn 2 cách xóa phông nền ảnh Online không cần Photoshop

Cách làm mịn da mặt bằng Photoshop mà vẫn giữ được lỗ chân lông

20 công cụ tách nền ảnh tốt nhất và hoàn toàn miễn phí

Cách hiển thị Category trong WordPress sử dụng get category với get_categories()

Hướng dẫn cài đặt, sử dụng, cấu hình Contact Form 7 đầy đủ nhất

Hướng dẫn sử dụng Cloudflare DNS, Cloudflare CDN và bảo mật từ A-Z

get_the_post_thumbnail_url – Get the post thumbnail URL with example

Hướng dẫn sử dụng wp_insert_user có ví dụ cụ thể

Leave A Reply Cancel Reply

Search
SEO - Marketing

get_the_post_thumbnail_url – Get the post thumbnail URL with example

get_the_post_thumbnail_url là hàm dùng để lấy đường dẫn file ảnh đại diện (post thumbnail) của bài viết. Trong Wordpress, hình đại diện của bài viết…

Hàm get_posts() WordPress: Cách sử dụng và ví dụ cụ thể

Cách dùng hàm get_post() trong WordPress để lấy dữ liệu bài viết

Hướng dẫn sử dụng hàm get_terms trong WordPress

Hướng dẫn sử dụng các hàm esc_html_e(), esc_html__(), esc_html() trong WordPress

Hàm get_post_meta() WordPress: Cách sử dụng và ví dụ cụ thể

Hướng dẫn sử dụng hàm get_the_date trong WordPress

Thiết kế Web - Đồ Họa

50+ website tải Sound Effects chất lượng cao miễn phí và có phí

Sound Effects còn được biết đến như Audio Effects dịch ra tiếng Việt là Hiệu Ứng Âm Thanh. Hầu hết các Video đã qua chỉnh…

Hướng dẫn 2 cách xóa phông nền ảnh Online không cần Photoshop

Cách làm mịn da mặt bằng Photoshop mà vẫn giữ được lỗ chân lông

WP_Query: Tất cả những thông tin bạn cần biết

Hướng dẫn sử dụng hàm get_the_date trong WordPress

Hàm get_post_meta() WordPress: Cách sử dụng và ví dụ cụ thể

Cách dùng hàm get_post() trong WordPress để lấy dữ liệu bài viết

Wordpress - Woocommerce

get_user_by: Hướng dẫn sử dụng và ví dụ cụ thể

get_user_by là hàm dùng để lấy thông tin về thành viên dựa trên một trường cụ thể nào đó. get_user_by() có thể dùng để lấy…

Đánh giá 10 phần mềm SEO AI tốt nhất hiện nay

Hàm get_template_part(): Cách sử dụng và ví dụ cụ thể

Hàm get_post_meta() WordPress: Cách sử dụng và ví dụ cụ thể

Hướng dẫn 2 cách xóa phông nền ảnh Online không cần Photoshop

Hướng dẫn sử dụng Cloudflare DNS, Cloudflare CDN và bảo mật từ A-Z

33 Hàm Trong WordPress Hay Sử Dụng Nhất

Bài viết mới

Nước vo gạo và những công dụng tuyệt vời mà bạn chưa biết

21 Serum HA tốt nhất hiện nay cho da khô, da dầu nhờn và trị mụn

15 cách làm trắng răng tại nhà cực kỳ hiệu quả và dễ áp dụng

50+ website tải Sound Effects chất lượng cao miễn phí và có phí

Đánh giá 10 phần mềm SEO AI tốt nhất hiện nay

Hướng dẫn 2 cách xóa phông nền ảnh Online không cần Photoshop

Cách làm mịn da mặt bằng Photoshop mà vẫn giữ được lỗ chân lông

20 công cụ tách nền ảnh tốt nhất và hoàn toàn miễn phí

Sự khác nhau giữa Collagen và Axit Hyaluronic

Tác dụng cấp ẩm của Axit Hyaluronic cho làn da tươi trẻ, không nếp nhăn

© 2023 All Rights Reserved  by  HuyHoa.Net. DMCA.com Protection Status .
Hosted by Dreamhost. Follow us on  Google News.
  • Giới thiệu
  • Bảo mật
  • Quy định sử dụng
  • Liên hệ

Type above and press Enter to search. Press Esc to cancel.