https://github.com/pgbiel/typst-ansi-web

Website to highlight Typst code with ANSI colors
https://github.com/pgbiel/typst-ansi-web

ansi-colors highlighting typst

Last synced: 4 months ago
JSON representation

Website to highlight Typst code with ANSI colors

• Host: GitHub
• URL: https://github.com/pgbiel/typst-ansi-web
• Owner: PgBiel
• License: apache-2.0
• Created: 2025-07-23T02:51:13.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-23T03:41:01.000Z (11 months ago)
• Last Synced: 2025-10-26T11:43:38.861Z (8 months ago)
• Topics: ansi-colors, highlighting, typst
• Language: HTML
• Homepage: https://pgbiel.github.io/typst-ansi-web/
• Size: 528 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE-APACHE

Awesome Lists containing this project

README

          
# typst-ansi-web

Small website to highlight some Typst code using ANSI escape codes with [@frolozotl](https://github.com/frozolotl)'s amazing https://github.com/frozolotl/typst-ansi-hl

You can **try it in your browser:** https://pgbiel.github.io/typst-ansi-web/

This was inspired by the author's other project, [typst-ansi-gui](https://github.com/PgBiel/typst-ansi-gui) (a desktop application for the same purpose).

![site screenshot](https://github.com/user-attachments/assets/d88769f9-f859-416e-8986-d3c8c6c680ea)

## Usage

Open the website, paste your Typst code at the top, and press `Highlight`. Then, press `Copy` to copy the generated ANSI.

You can then paste the copied highlighted code on Discord as such:

````

```ansi

PASTE IT HERE

```

````

You should now see your Typst code with proper syntax highlighting.

## Building

Just run `./bin/build.sh`, and the built website will be at `_site/`.

## Formatting and Checking

To format the code, run `cargo fmt`. To check, run `cargo clippy`.

## License

Licensed under MIT or Apache-2.0, at your choice.

## Disclaimer

This project is not officially affiliated with Typst GmbH.