1

Hola tengo input que genera slug a travez del título pero resulta que los caracteres 'á','é','í','ó','ú' son reemplazados por: '' Como puedo hacer que un carácter á se reemplace por a; Ejemplo: Si el título es: Maléfica: Dueña del Mal. Generé un slug de: malefica-duena-del-mal

Este es el trozo de código que ejecuta la función:

$("#title").val(title);
                            //slug
                            title = title.toLowerCase(); // Hace la minúscula
                            title = title.replace(/[^\w ]+/g, ''); // Reemplaza las tildes en vacío
                            title = title.replace(/ +/g, '-'); // Hace un '-' en los espacios

¡Muchas gracias!

2 respuestas 2

3

hay que utilizar varios regex para hacer lo que estas pidiendo, pero aquí esta.

// Lo agregamos al prototype de string para su reutilización como libreria
String.prototype.clean = function(){
  var _thisstr = this; // Asignamos el string actual
  _thisstr = _thisstr.normalize("NFD") // Normalizamos para obtener los códigos
                .replace(/[\u0300-\u036f|.,\/#!$%\^&\*;:{}=\-_`~()]/g, "") // Quitamos los acentos y símbolos de puntuación
                .replace(/ +/g, '-') // Reemplazamos los espacios por guiones
                .toLowerCase(); // Todo minúscula
  return _thisstr;
};

var str = "Maléfica: La dueña del mal";
console.log(str.clean());

2

yo te recomendaría usar la librería Slugfy

const slug = slugify('Maléfica: Dueña del Mal.', { lower: true, remove: /[*+~.()'"!:@]/g} );
console.log(slug);
<script src="https://cdn.jsdelivr.net/npm/[email protected]/slugify.min.js"></script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.