Имитация textarea в html-документе

Суть задачи такова, что нужно создать на странице блок текста(фиксированного размера с прокруткой) и в дальнейшем проводить с ним манипуляции. Я сверстал это следующим образом: https://jsfiddle.net/skuxdq6j/ Но проблема в том, что я не могу проводить манипуляции с текстом находящимся внутри textarea. Т.е. например мне нужно определенные слова выделять следующим образом:

<span class="hint-target">text</span>

Но textarea не позволяет этого делать. Как можно сверстать тоже самое но без использования textarea ?