Приветствую
Нужно доработать существующую JS функцию (или написать новую), которая разбивает абзац (контент тэга <p></p>) на элементы массива в зависимости от ширины родительского контейнера.
Пример уже реализованной функции, который работает только с текстом, вот тут
Нужно адаптировать её под HTML. То есть внутри тэга <p></p> может лежать не только текст, но и вложенные тэги с инлайновыми стилями.
Пример того, что нужно получить.
На входе есть текст:
<p>Lorem ipsum <b style="color:red">dolor sit amet, consectetur adipisicing elit</b>. Amet beatae, blanditiis corporis distinctio dolores illo illum ipsa nobis odio perspiciatis, sed veniam veritatis. Animi beatae deserunt eum fugit repellat, sapiente!</p>
Ширина родительского контейнера, к примеру, 200px.
На выходе должен быть следующий результат:
<p>Lorem ipsum <b style="color:red">dolor</b> </p>
<p><b style="color:red"> sit amet, consectetur adipisicing elit</b>. </p>
<p>Amet beatae, blanditiis corporis distinctio dolores illo illum ipsa nobis </p>
<p> odio perspiciatis, sed veniam veritatis. Animi beatae deserunt eum </p>
<p>fugit repellat, sapiente!</p>