Add ability to highlight Bible text

mattam / 100daysofjames

https://100daysofjames.vercel.app

0 stars 0 forks source link

Add ability to highlight Bible text #14

Open mattam opened 4 years ago

mattam commented 4 years ago

Should be able to select highlighter tool and then select text to highlight. Or should it be, select text, then [create highlight]? Would be nice to attach notes to highlghts. Can look at React-highlights library, even though I don't think it'll work for my purposes, there might be something there that I can use: https://github.com/ydeshayes/react-highlight

mattam commented 4 years ago

Take a look at how NET Bible is doing it on their Lumina Bible webapp: https://netbible.org/bible/James+1

mattam commented 4 years ago

It's a bit tricky because of how I'm printing out the verses currently to do intra verse highlight. Maybe I can start off with a simpler version of highlighting of the whole verse

mattam commented 4 years ago

Should look at more general text editor libraries: As of now, common editing platforms like Google Docs, Zoho Writer, CKeditor, ProseMirror, Quill, CodeMirror

mattam commented 4 years ago

More possible options here: https://js.libhunt.com/categories/18-editors

mattam commented 4 years ago

Slate looks good: https://docs.slatejs.org/concepts/01-interfaces Draft.js also looks good and is supported by FB: https://draftjs.org/ Some things that would be helpful:

Should work well with React
Should be able to target specific words for highlighting

mattam commented 4 years ago

Did an initial feature to highlight by verse, will continue to think about how to highlight by word.