norman-huth / nova-prism-js
使用 Prism.js 的语法高亮。Laravel Nova 的详细信息字段。
1.1.1
2023-02-21 17:30 UTC
Requires
- php: ^8.0
- laravel/nova: ^4.0
README
通过 Prism.js 实现语法高亮的 Nova 详细信息字段。可使用 Markdown 或 HTML。
安装
composer require norman-huth/nova-prism-js
用法
use NormanHuth\NovaPrismJs\PrismJs; //.. public function fields(NovaRequest $request): array { return [ //.. PrismJs::make(__('Content'), 'content'), //.. ] }
选项
更换主题
设置亮色和暗色模式的 Prism 主题。
- 主题来自 prismjs.com:
default
,coy
,dark
,funky
,okaidia
,solarizedlight
,tomorrow
,twilight
- 主题来自 PrismJS/prism-themes:
a11y-dark
,atom-dark
,base16-ateliersulphurpool-light
,cb
,coldark-cold
,coldark-dark
,coy-without-shadows
,darcula
,dracula
,duotone-dark
,duotone-earth
,duotone-forest
,duotone-light
,duotone-sea
,duotone-space
,ghcolors
,gruvbox-dark
,gruvbox-light
,holi-theme
,hopscotch
,lucario
,material-dark
,material-light
,material-oceanic
,night-owl
,nord
,one-dark
,one-light
,pojoaque
,shades-of-purple
,solarized-dark-atom
,synthwave84
,vs
,vsc-dark-plus
,xonokai
,z-touch
PrismJs::make(__('Content'), 'content') ->setTheme('tomorrow') ->setDarkTheme('twilight'),
全宽
PrismJs::make(__('Content'), 'content')->fullWidth(),
使用 HTML 而不是 Markdown
PrismJs::make(__('Content'), 'content')->disableMarkdown(),