fix: decode HTML entities in posts widget titles and excerpts

WordPress's get_the_title() returns HTML-encoded entities (e.g., ’
for smart quotes). Since the React component renders via createElement
(textContent, not innerHTML), these entities displayed as raw text.

Fix applied at two levels:
- PHP REST endpoint: html_entity_decode() before sending JSON response
- JS PostCard component: decodeEntities() safety net for any residual
  encoded entities from other sources

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Terence Ong
2026-04-13 14:33:51 +07:00
parent 943e7dff8c
commit 46d3a35c3a
2 changed files with 45 additions and 4 deletions

View File

@@ -241,10 +241,18 @@ class PRAutoBlogger_Posts_Widget {
$featured_image = get_the_post_thumbnail_url( $post->ID, 'medium_large' );
$word_count = str_word_count( wp_strip_all_tags( $post->post_content ) );
// Decode HTML entities in title and excerpt so React's textContent
// rendering shows proper characters (e.g., &#8217; → ').
// WordPress functions like get_the_title() return HTML-encoded strings,
// but since our React component sets text via createElement (not innerHTML),
// raw entities would display literally.
$title = html_entity_decode( get_the_title( $post ), ENT_QUOTES | ENT_HTML5, 'UTF-8' );
$excerpt = html_entity_decode( get_the_excerpt( $post ), ENT_QUOTES | ENT_HTML5, 'UTF-8' );
return [
'id' => $post->ID,
'title' => get_the_title( $post ),
'excerpt' => get_the_excerpt( $post ),
'title' => $title,
'excerpt' => $excerpt,
'url' => get_permalink( $post ),
'date' => get_the_date( 'c', $post ),
'category_name' => $category_name,