Эффект пишущей машинки с HTML-тегами внутри текста ⇐ CSS

[Anonymous]

Я пытаюсь добиться эффекта набора текста, что я и сделал, но проблема в том, что текст, который у меня есть, набирается внутри тега , поскольку его внутренний HTML также содержит некоторые HTML-теги, такие как < /span>, и поскольку ввод осуществляется посимвольно, он печатается как , а не отображается как элемент. Есть ли способ добиться этого эффекта, сохранив теги HTML такими, какие они есть? Я выделил слова, заключенные в промежутки, и в конечном итоге я хочу, чтобы слова были напечатаны как выделенные...

Код: Выделить всё

  function typeWriter() {
if (i < txt.length) {
document.getElementById("content_html").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, self.typing.speed);
}
}
typeWriter();

Вот пример текста, который я пытаюсь напечатать:

Код: Выделить всё

Surface chemistry deals with phenomena that occur at the surfaces or interfaces. Many important phenomena, noticeable amongst this being corrosion, electrode processes, heterogeneous catalysis, dissolution, and crystallization occur at interfaces. The subject of surface chemistry finds many applications in industry, analytical work, and daily life situations.

Он содержит тег , который в будущем может измениться на любой другой HTML-тег, поскольку он поступает с сервера...

Подробнее здесь: https://stackoverflow.com/questions/575 ... e-the-text