Any thoughts on how to best implement highlights for editable text?
There is quite a bit of prior work on this for "scroll to text highlight" in browsers.
Good discussion around it all here: https://github.com/mozilla/standards-positions/issues/194
The default "scroll to text" functionality in most browsers is dependent upon the text area being wrapped in div with an ID.
If you have control over the content of the page, it would certainly be possible to add div wrappers around a section of highlighted text.
I just read the article #[2]
I see you are referring to building Nostr reading client, text reading this functionality is 100% possible on web browsers.
The only important caveat that I can think of is that there would be to be some guard rails in place so readers can only highlight valid text. As adding HTML elements to the DOM could break things if not handled properly.
This shouldn't be a problem with pure text though. But multi-section or multi-paragraph highlighting could have some unique (but minor) challenges.
I'm a writer and software engineer so this sounds like a great idea!
Two other side problems:
1) Overlapping user highlights, this wouldn't be supported and there would be to be some algorithmic way to decide what text should receive highlights if multiple users have highlighted the text.
2) Editing of the document wouldn't be supported, as if the base text changes it would break all of the relative highlighting. Granted, if this is all built on Notes this wouldn't be relevant as "Notes are forever" 💎💍
