如何在Laravel视图中正确格式化显示XML元素内容？

我定义了如下Laravel路由：

Route::get('/parsers/settings/{id}', [AdminParserController::class, 'settings'])
   ->where('id', '[0-9]+')
   ->name('parsers::settings');

后端从XML文件中选取指定元素并转为字符串：

$xml = simplexml_load_file($model->url);
$exampleElement = $xml;
foreach (explode("->", $model->path) as $prop) {
   $exampleElement = $exampleElement->$prop;
}
$exampleString = $exampleElement->asXML();

return view('admin.parser.settings', [
   'model' => $model,
   'exampleElement' => $exampleString,
]);

在Blade视图里用{{$exampleElement}}显示时，因为是普通字符串，格式完全混乱。但如果直接返回XML响应：

return response($exampleString, 200, [
   'Content-Type' => 'application/xml'
]);

XML能正常格式化显示，现在需要在视图里实现同样的格式化效果。

解决方案 #

方法1：用<pre>标签保留原始格式 #

Blade的{{ }}会自动转义HTML实体，将XML内容放到<pre>标签中，就能保留换行和缩进：

<pre>{{ $exampleElement }}</pre>

<pre>标签会原样渲染文本格式，配合自动转义的实体，XML标签不会被浏览器解析，能正常展示结构。

方法2：后端先格式化XML字符串 #

如果原始XML没有缩进，可在后端先做格式化处理：

$dom = new DOMDocument();
$dom->preserveWhiteSpace = false;
$dom->formatOutput = true;
$dom->loadXML($exampleString);
$formattedXml = $dom->saveXML();

return view('admin.parser.settings', [
   'model' => $model,
   'exampleElement' => $formattedXml,
]);

之后视图仍用<pre>标签展示即可：

<pre>{{ $exampleElement }}</pre>

方法3：添加语法高亮（可选） #

如果需要更清晰的视觉区分，可自定义CSS实现语法高亮：

1. 视图中给<pre>添加类：

<pre class="xml-highlight">{{ $exampleElement }}</pre>

2. 对应CSS样式：

.xml-highlight {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    font-family: monospace;
    line-height: 1.5;
}
.xml-highlight .tag { color: #800000; }
.xml-highlight .attribute { color: #000080; }
.xml-highlight .value { color: #008000; }

3. 后端用正则给XML元素添加高亮标记（注意仅处理可信内容）：

$highlightedXml = preg_replace('/(&lt;\/?[^&]+&gt;)/', '<span class="tag">$1</span>', $formattedXml);
$highlightedXml = preg_replace('/(\w+)=(&quot;[^&]+&quot;)/', '<span class="attribute">$1</span>=<span class="value">$2</span>', $highlightedXml);

4. 视图用{!! !!}输出未转义的高亮内容：

<pre class="xml-highlight">{!! $highlightedXml !!}</pre>

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