HTML怪异字符转表情符号方法及MySQL存储后显示异常解决咨询

一、MySQL存储表情后HTML显示乱码的解决方法 #

你遇到的😊是UTF-8编码的表情符号被错误以ISO-8859-1（Latin1）解码导致的乱码，按以下步骤排查修复：

1. 确保数据库连接编码为utf8mb4
   不管用mysqli还是PDO连接数据库，必须显式设置连接编码为utf8mb4：

   • mysqli示例：

     $conn = mysqli_connect('localhost', 'user', 'password', 'dbname');
     mysqli_set_charset($conn, 'utf8mb4'); // 关键步骤
     

   • PDO示例：

     $dsn = 'mysql:host=localhost;dbname=dbname;charset=utf8mb4'; // 直接在DSN中指定
     $conn = new PDO($dsn, 'user', 'password');
     

2. HTML页面声明UTF-8编码
   在HTML的<head>标签内添加meta标签，强制浏览器用UTF-8解码内容：

   <meta charset="UTF-8">
   

3. 避免错误的转义函数使用
   htmlentities和htmlspecialchars默认使用ISO-8859-1编码处理，会破坏UTF-8表情符号。如果需要转义HTML特殊字符，必须指定UTF-8编码：

   echo htmlspecialchars($emoji_text, ENT_QUOTES, 'UTF-8');
   

   表情符号本身不需要转义，直接输出原始内容即可。

二、HTML中将怪异字符转换为表情符号的通用方法 #

根据怪异字符的类型，对应处理：

• 如果是Unicode转义序列（如\u1F60A或😊）

  • 前端JavaScript处理：

    // 处理\u开头的转义
    const emoji = JSON.parse('"\u1F60A"'); // 得到😊
    // 处理HTML实体转义
    const emojiElement = document.createElement('div');
    emojiElement.innerHTML = '😊';
    const emojiText = emojiElement.textContent; // 得到😊
    

  • 后端PHP处理：

    // 处理\u开头的转义
    $emoji = json_decode('"\u1F60A"');
    // 处理HTML实体转义
    $emoji = html_entity_decode('😊', ENT_QUOTES, 'UTF-8');
    

• 如果是其他编码的乱码
  先确定乱码的原始编码（比如GBK、ISO-8859-1），再转换为UTF-8：

  // 示例：将GBK编码的乱码转为UTF-8
  $emoji = mb_convert_encoding($garbled_text, 'UTF-8', 'GBK');
  

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