A Nova detail field with Syntax Highlighter via Prism.js. Usable with Markdown or HTML.
composer require norman-huth/nova-prism-js
use NormanHuth\NovaPrismJs\PrismJs;
//..
public function fields(NovaRequest $request): array
{
return [
//..
PrismJs::make(__('Content'), 'content'),
//..
]
}
Set the Prism theme for light and dark mode.
- Theme from prismjs.com:
default
,coy
,dark
,funky
,okaidia
,solarizedlight
,tomorrow
,twilight
- Theme from 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(),
PrismJs::make(__('Content'), 'content')->disableMarkdown(),