JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<div id="apotext">Это обычный текст</div>

CSS

.apoclass {
    font-size:9px;
}

JavaScript

$(function () {
    var apotext = $('#apotext').text(), apotextlen = apotext.length, apotextfinal = '';
    for(i=0;i<apotextlen;i++) {
        if(apotext.substr(i, 1) == ' ') {
            apotextfinal = apotextfinal + ' '; // Не обрабатываем пробелы
        } else {
            apotextfinal = apotextfinal + apotext.substr(i, 1) + '<span class="apoclass">☼</span>';
            // Вырезаем каждую букву и добавляем после неё элемент
        };
    };
    $('#apotext').html(apotextfinal);
});