[mg]

This is interesting.

I have yet to see a good web based text editor with syntax highlighting. They all mess with the native search functionality of the browser. Because they can't just use a textarea for the edit area. With this approach, it would be possible.

I wonder how usable a Python version of this would be?

[onion2k]

I have yet to see a good web based text editor with syntax highlighting.

I slightly expect you to pull a "no true Scotsman" here and suggest it's actually no good because it doesn't really support mobile browsers very well, but Microsoft's Monaco editor that's driven from VS Code is quite good. https://microsoft.github.io/monaco-editor/

[mg]

It seems to have the same problems all of the web based editors I have seen have. Either they capture ctrl+f and take away the native search experience. Or they have a broken search experience. This one is in the latter category.

When I hit ctrl+f on that page and type "export":

First it says "1 of 4 matches" but nothing is highlighted.

When I hit enter, it says "2 of 4 matches" and again, nothing is highlighted.

When I hit enter again, it says "3 of 4 matches" and the first match is highlighted.

When I hit enter again, it says "4 of 4 matches" and the second match is highlighted.

[gethly]

FYI, IDEs and editors too don't use "textarea". Contenteditable essentially makes the web browser work like editor does.

[mg]

Contenteditable plus the CSS Custom Highlight API (which highlights ranges instead of elements) might indeed allow for a good solution. But I have not yet seen an editor that does that.