Laravel中{!! !!}渲染HTML在移动端APP失效，求解决方案

算力阿峰

2026-6-21

解决方案

问题核心

网页端能正常渲染是因为浏览器会自动解析HTML，但iOS/Android的WebView或原生渲染组件默认不会自动解析HTML字符串，需要针对性处理。

可选方案

1. 转为纯文本输出（无需保留格式）

如果不需要保留HTML样式，直接剥离所有标签输出纯文本：

<p>{{ strip_tags(html_entity_decode($value['description'])) }}</p>

html_entity_decode用于还原数据库中可能存有的HTML实体（如<转成<），再通过strip_tags移除所有标签。

2. 转为Markdown输出（适配App渲染）

若App支持Markdown渲染，可将HTML转换为Markdown格式：

先安装转换包：

composer require league/html-to-markdown

在模板中完成转换并输出：

@php
use League\HTMLToMarkdown\HtmlConverter;
$converter = new HtmlConverter();
$markdownContent = $converter->convert($value['description']);
@endphp
<p>{!! $markdownContent !!}</p>

后续App端使用Markdown渲染组件即可正常显示内容。

3. 确保HTML正确输出 + App端配置解析

如果需要保留HTML样式，先保证后端输出的是未转义的标准HTML：

<p>{!! html_entity_decode($value['description']) !!}</p>

然后在App端配置WebView解析HTML：

iOS（Swift）示例：

let htmlContent = "从接口获取的HTML内容"
webView.loadHTMLString(htmlContent, baseURL: nil)

Android（Kotlin）示例：

val webView = findViewById<WebView>(R.id.productWebView)
webView.settings.javaScriptEnabled = true
webView.loadDataWithBaseURL(null, htmlContent, "text/html", "UTF-8", null)

4. 自定义Blade指令简化处理

创建自定义指令统一处理HTML解码与输出逻辑：
在App\Providers\AppServiceProvider的boot方法中添加：

use Illuminate\Support\Facades\Blade;

public function boot()
{
    Blade::directive('rawhtml', function ($expression) {
        return "<?php echo html_entity_decode($expression); ?>";
    });
}

之后在模板中直接使用：