Подсветка частей текста по мере появления
 

При вводе текста (в моем случае textarea) и появлении там указанных слов, они должны менять цвет. Я пытался это все обернуть в span, но textarea не воспринимает html теги.

textArea.addEventListener(`keydown`, function () {
        this.value.replace(/#(\w|\d)+/g, function (str) {
            return `<span class="tag">${str}</span>`
        });
    });

Возможно ли вообще это сделать без фреймворков? :help:

Spirtikys,
div c contenteditable

Пробывал, не реагировал на событие. Хотя может руки у меня не от туда, попробую еще.
Может кто что-то может еще подсказать？

Скорее всего ошибка была, событие должно срабатывать.

Да, событие отлавливает, вы правы. Но как и раньше нет эффекта обертки :cray: Поэтому я и решил, когда первую попытку через div делал, что проблема в событии, сейчас перепровели, оказалось, что не в нем.

textArea.addEventListener(`keydown`, function () {
        this.textContent.replace(/#(\w|\d)+/g, function (str) {
            console.log(`change`);
            return `<span class="tag">${str}</span>`;
        });
    });

В функцию заходит, но изменения не производит :( Если же тот же код отработать на обычной строке, все ок :help:

Spirtikys,

this.innerHTML = this.textContent.....

Спасибо. Отрабатывает, увы, не совсем то, что надо, так как идут скачки при наборе текста, но хотя бы уже что-то есть.