Небольшой плагин для автоматической расстановки переносов строк в HTML для русского текста

Делая сайт с адаптивным дизайном, столкнулся со следующей проблемой — на небольших экранах слова переносились не очень красиво. В поисках решений есть множество вариантов, но подразумевают либо ручную правку текста и вставкой спецсимвола мягкого переноса «­» или использование css свойства hyphens, за счет которого используются возможности браузеров для переноса строк, но оно поддерживается не всеми браузерами. Решение было найдено в виде простого плагина, описание которого в статье.

Для решения проблемы нашелся небольшой плагин для jQuery, который автоматически подставляет символ «мягкого» переноса строки «­» в русском тексте.

Оформлен он как плагин для jQuery, но ничего не мешает переписать его под чистый JS.

Использовать его достаточно просто:

Результат:

Текст до:

Небольшой плагин для автоматической расстановки переносов строк в HTML для русского текста

Текст после:

Небольшой плагин для автоматической расстановки переносов строк в HTML для русского текста