A Nova detail field with Syntax Highlighter via Prism.js. Usable with Markdown or HTML.

Preview

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(),