SyntaxHighlight

Syntax highlighting in Elm.

toBlockHtml : Maybe Int -> List Line -> Html msg

Transform a list of lines into a Html block. The Maybe Int argument is for showing or not line count and, if so, starting from what number.

toInlineHtml : List Line -> Html msg

Transform a list of lines into inline Html.

Languages

Error while parsing should not happen. If it happens, please open an issue with the code that gives the error and the language.

elm : String -> Result Error (List Line)

Parse Elm syntax.

xml : String -> Result Error (List Line)

Parse XML syntax.

javascript : String -> Result Error (List Line)

Parse Javascript syntax.

css : String -> Result Error (List Line)

Parse CSS syntax.

A theme defines the background and syntax colors.

useTheme : Theme -> Html msg

Transform a theme into Html. Any highlighted code will be themed according to the chosen Theme.

To preview the themes, check out the demo.

If you prefer to use CSS external stylesheet, you do not need this, just copy the theme CSS into your stylesheet. All themes can be found here.

monokai : Theme

Monokai inspired theme.

github : Theme

GitHub inspired theme.

oneDark : Theme

Atom One Dark inspired theme.