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

时间:2019-10-29 15:10:45

标签: laravel markdown laravel-blade

我正在为laravel项目中的基于刀片的组件创建文档,并希望在文档中显示语法突出显示的刀片代码段,如下所示:

Desired result

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

enter image description here

(不要介意转义字符)

但是,我得到的输出如下:

Actual output

1 个答案:

答案 0 :(得分: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>

结果

enter image description here

希望这会有所帮助