Facebook API PHP调用：表情符号无法正常显示问题排查

问题本质 #

你的工具生成的带HTML实体编码的表情，在页面div中展示时被浏览器（或网站使用的CMS/插件）自动转换成了平台自带的<img>表情元素。当你通过AJAX获取div的HTML内容时，拿到的是img标签而非原始的实体编码，后端strip_tags处理后表情丢失，导致Facebook API无法识别。

解决方案 #

方案1：保存原始内容到隐藏字段（推荐） #

在渲染编辑用的div时，同时把最初构造好的$content存储到隐藏字段里，分享时直接读取这个原始值，绕过浏览器的表情转换。

PHP渲染代码：

<!-- 编辑用的展示div -->
<div id="content"><?php echo $content; ?></div>
<!-- 存储原始内容的隐藏字段 -->
<input type="hidden" id="original-content" value="<?php echo htmlspecialchars($content, ENT_QUOTES); ?>">

JS获取代码：

// 直接读取原始内容，而非div的HTML
var content = $('#original-content').val();
// 后续AJAX传递给后端

后端依然使用你原来的格式化代码即可：

$content = str_replace('<br>', chr(10), $content);
$content = html_entity_decode($content);
$content = strip_tags($content);

方案2：从img标签还原表情编码 #

如果必须从div的HTML内容中获取，可以通过解析img标签的alt属性，将表情字符还原为HTML实体或Unicode编码。

JS处理代码：

var contentHtml = $('#content').html();

// 替换所有emoji img标签为alt中的表情字符，并转成HTML实体
contentHtml = contentHtml.replace(/<img[^>]+alt="([^"]+)"[^>]+>/g, function(match, altText) {
    // 将表情字符转换为HTML实体编码
    return altText.split('').map(char => '&#' + char.charCodeAt(0) + ';').join('');
});

// 替换换行标签为换行符，再传给后端
contentHtml = contentHtml.replace(/<br>/g, '\n');

后端收到后，用原有的html_entity_decode处理就能得到正确的表情编码，供Facebook API使用。

方案3：直接输出Unicode表情字符 #

在PHP构造$content时，直接使用Unicode原生字符而非HTML实体，避免浏览器将其转换为img标签。

PHP构造代码：

$content = '';
// 使用Unicode字符（📍的Unicode是U+1F4CD，🛀是U+1F6BD）
$content .= "\u{1F4CD} The address<br>";
$content .= "\u{1F6BD} 2 bathrooms<br>";

此时div中会显示原生表情字符，AJAX获取HTML时拿到的是表情本身，后端处理时只需替换换行和去除标签即可：

$content = str_replace('<br>', chr(10), $content);
$content = strip_tags($content);

为什么原方法失效 #

浏览器或网站的CMS（比如WordPress）会自动检测HTML实体形式的表情，将其替换为带有CDN资源的img标签。此时用$('#content').html()获取到的是<img>标签代码，后端strip_tags会移除整个img标签，导致表情完全丢失，无法被Facebook API识别。

内容的提问来源于stack exchange，提问作者Senne Vandenputte