how to replace 'selected text' => 'decorated text' in react / textarea? i can't get exact location(index) of 'selected text'

Question

i\'m trying to build some text editor with react

i\'m not native in english, so sorry about below question

---

what i want to do is like this below

(it\'