сбрось стили на такие теги как: b, strong, em, i - чтобы визуально все выглядело так, как будто бы все обернуто в тег p.
У тебя идет текст, к примеру:
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, nobis.</p>
После:
<p><b>Lorem</b> ipsum <i>dolor</i> <strong>sit</strong> <b>amet</b>, <em>consectetur adipisicing<em> <b>elit</b>. <em>Provident<em>, nobis.</p>
Так как тег p не pre, можно нагенерировать пробелы и табуляции:
<p><b>Lorem </b> ipsum <i> dolor </i> <strong> sit</strong> <b> amet</b>, <em> consectetur adipisicing<em> <b>elit </b>. <em> Provident <em>, nobis. </p>
Вы понимаете к чему приводят такие действия, но защитит ваш текст на ура.
Далее: (тут уже без знаний регулярок не обойтись)
<p><b>Lorem </b> ipsum <i> dolor </i> <strong> sit</strong></p> <p><b> amet</b></p>, <p><em> consectetur adipisicing<em> <b>elit </b>. <em> Provident <em>, nobis. </p>
CSS код делайте полностью не читабельным (то, что будите отправлять на билд)
Обфускация JS кода
Генерация html страницы с помощью JS кода.
И великолепный бонус по данной теме:
Тебе сюда