¿Cómo realizar saltos de linea en un campo de texto, remplazando textos o caracteres especiales con jQuery?

Hey! Hola que tal amigos de Junior a Senior el día de hoy les vengo con un nuevo tutorial, el cual consta de añadir un salto de linea a nuestro texto al encontrar un carácter especial o una palabra en especifico y después añadir un salto de linea.

En este caso me encontraba con un problema muy grande ya que necesitaba cambiar la descripción de casi tres mil productos, lo cual iba a ser muy tedioso y me iba a llevar demasiado tiempo. Por lo cual encontramos una solución a esto.

A continuación un ejemplo de como se mostraba la descripción de los tres mil productos y en la cual nos dimos la tarea de buscar una solución en donde si se encontraba un (-) nuestro codigo tendría que realizar un salto de linea para que nuestro texto de mostrara en formato de lista.

<div class="product-description">
- Icónico JanSport SuperBreak® con una nueva línea de corte en colores y estampados exclusivos –Un gran compartimento principal – Correas para los hombros acolchadas de corte recto – Bolsillo utilitario delantero con organizador – Arrancadores de cables – 2/3 panel posterior acolchado –Mango de acarreo web
</div>

Ahora si mostraremos el script con el cual pudimos resolver el problema y dar un formato de lista a nuestras descripciones.

let text = $('.product-description').html();
text = text.replaceAll(/– /ig, '<br> -')
$('.product-description').html(text)

Espero les haya servido de algo esta breve información, si tienen dudas u otras maneras de hacerlo pueden mostrárnoslo en los comentarios, esto ayudara a qué todos crezcamos y resolvamos nuestros problemas de forma rápida y sencilla.