@cheeaun @bramus I was thinking of hacking something...

@cheeaun @bramus I was thinking of hacking something for textarea based on https://github.com/kueblc/LDT

(which overlays a transparent <textarea> on top of a styled <pre>)

Not sure the highlight API has been thought out for dynamic content... I don't know if you can change the bounds of a range after it's been registered and have the output updated... We'll see 🙂

Like 25 February at 15:42 | Wall-to-wall | Open on mamot.fr

3 comments

Bramus

@pygy @cheeaun Perfectly possible.

Here's a demo that does on-the-fly highlighting: https://www.bram.us/2024/02/18/custom-highlight-api-for-syntax-highlighting/#highlighting-contenteditable

25 February at 15:45 | Open on front-end.social

Ьλ∂λ

@bramus @cheeaun

That makes LDT redundant...

Prism is ~10Kb larger, but its parsing abilities is heaps and bounds better than what LDT offers with just regexps.

Prism also supports styling the content of script and style tags in HTML, out of the box...

25 February at 17:48 | Open on mamot.fr

Ьλ∂λ

@bramus @cheeaun FWIW, you may want to add

spellcheck="false"

On the contenteditable elements, otherwise "Bramus" is styled as a spelling mistake on click.

Somehow "const" and "EOF" are deemed acceptable.

25 February at 17:55 | Open on mamot.fr

Go Up