You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SweetAlert2 显示UTF-8阿拉伯文本编码异常问题求助

解决SweetAlert2弹窗阿拉伯文本编码异常问题
  • 直接传入原生阿拉伯文本,避免额外转义
    初始化弹窗时直接使用UTF-8编码的阿拉伯语内容,不要用\uXXXX这类转义字符,示例代码:

    Swal.fire({
      title: 'مرحباً',
      text: 'هذا نص عربي في النافذة المنبثقة',
      icon: 'info'
    });
    
  • 适配阿拉伯语排版并强制编码设置
    给弹窗容器添加UTF-8编码样式,同时开启RTL(从右到左)排版适配:

    .swal2-modal {
      charset: utf-8;
      direction: rtl;
    }
    

    初始化弹窗时添加rtl: true配置项:

    Swal.fire({
      title: 'مرحباً',
      text: 'هذا نص عربي في النافذة المنبثقة',
      icon: 'info',
      rtl: true
    });
    
  • 检查项目构建工具配置
    确认Webpack、Vite等打包工具没有对字符串做不必要的编码转换,保证JS文件输出时保留UTF-8编码,避免阿拉伯文本被转成ASCII格式。

  • 验证动态文本的接口响应
    若文本来自API,确保接口响应头包含Content-Type: application/json; charset=utf-8,前端接收时直接处理原始字符串,不做额外编码转换。

内容的提问来源于stack exchange,提问作者Osama El-Masri

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 23:29:56