for more information visit the package's GitHub page
Package contains the following modules:
Syntax highlighting in Elm. Demo.
And there is a noLang
generic option for when the language is unknown (Thanks @Anton-4!).
You can define the theme either by copying and pasting the theme styles into your .css
file or using the useTheme
helper.
All themes and required styles can be found here.
useTheme
helperPlace the useTheme
function with your chosen theme anywhere on your view.
import SyntaxHighlight exposing (useTheme, monokai, elm, toBlockHtml)
view : Model -> Html msg
view model =
div []
[ useTheme monokai
, elm model.elmCode
|> Result.map (toBlockHtml (Just 1))
|> Result.withDefault
(pre [] [ code [] [ text model.elmCode ]])
]
Thank you Evan for bringing joy to the frontend.