svelte-universal-highlighter

Svelte Universal Highlighter

Svelte Universal Highlighter πŸ’…

⚑️ Working demo: https://svelte-universal-highlighter.vercel.app/

✍️ Description

A syntax highlighter built with Svelte😘 It's "universal" because you can switch between highlighter implementations according to supported languages or preferred themes etc. Furthermore, you can even highlight codes in unknown languages, thanks to GPT!

βœ… Supported highlighters

  • Prism (12 languages[^1])
  • highlight.js (192 languages)
  • GPT (∞ languages!)
    • OpenAI's API key required.

[^1]: Prism itself supports more languages, but we only support languages that are initially available due to technical reason.

πŸ‹οΈ Usage

  1. Go to demo page.
  2. Copy and paste the code you want to highlight in [code].
  3. Select implementation from [highlighter].
  4. If you select [GPT], fill your key in [OpenAI API key].
  5. Select language of the code from [langage].
  6. Select preferred theme from [theme].
  7. You will get a beautiful output in [preview] :)

Enjoy! πŸ˜†

πŸ§‘β€πŸ’» Developers

Top categories

Loading Svelte Themes