Email or username:

Password:

Forgot your password?
Bramus's posts Post Back to profile
Top-level
Bramus

If you want to know the details: did a full write up on this one: bram.us/2024/02/18/custom-high

Also comes with an extra demo that syntax highlights the code in a [contenteditable] as you type.

21 February at 7:50 | Open on front-end.social
2 comments
Axel Rauschmayer

@bramus It’s interesting that this new approach prevents you from using many CSS features.

I’m using Highlight.js to syntax-highlight code for LaTeX (to produce PDFs from Markdown). And I had to look up sequences of CSS class names in CSS files to get color, text weight, etc. That’s what you need to do here, too.

It’s a shame there is no declarative (non-JS) version of this API.

25 February at 10:34 | Open on fosstodon.org
Bramus

@rauschma The styling of these highlights works similarly to highlights that occur when selecting text.

Would be weird if layout started to jump as you select text, so it makes sense to limit what aspect of styling you can change.

25 February at 14:58 | Open on front-end.social
Go Up