在 laravel 刀片视图中显示刀片代码片段答案

【问题标题】：Show blade code snippet inside a laravel blade view在 laravel 刀片视图中显示刀片代码片段
【发布时间】：2023-12-24 14:53:01
【问题描述】：

我正在为 laravel 项目中基于刀片的组件创建文档，并希望将语法突出显示的刀片代码 sn-ps 显示为文档的一部分，如下所示：

我已经安装了graham-campbell/markdown 包，我尝试在 .blade.php 文件中使用它，如下所示：

（不要介意转义字符）

但是，我得到的输出如下：

【问题讨论】：

有什么问题？它像预期的那样工作吗？
第一个图像是我想要实现的输出，第二个是我现在拥有的代码，第三个是我得到的实际输出。
为什么不把 @ 替换为 @这将绕过刀片引擎
在这种情况下不要使用@markdown，将其视为任何其他html
快速浏览他们的文档告诉我，他们将文本放在 @ 后面的跨度 @<span>include</span>

标签： laravel markdown laravel-blade

【解决方案1】：

您可以将 Blade 包装在 @verbatim 指令中，并以您喜欢的样式使用 Highlight JS

<p>You can use the laravel code template like this</p>

@markdown
```php
@verbatim
@include('components.inputs.text', [
   'name' => 'input_name',
   'label' => 'testing',
])
@endverbatim
```
@endmarkdown
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/a11y-dark.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
<script>
    hljs.initHighlightingOnLoad();
</script>

结果

希望对你有帮助

【讨论】：

感谢 Saly3301 再次来救我。