Adquiere este curso para tener acceso a todas las lecciones
Comprar curso133. Cómo Obtener Slugs desde Títulos de Artículos con Alpine.js
5 comentarios
Inicia sesión para comentar
Comentarios:
-
Jorge Gatica hace 8 meses
Expresion regular
<script> function data(){ return { title: '', slug: '', string_to_slug(str){ str = str.replace(/^\s+|\s+$/g, ''); str = str.toLowerCase(); var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;"; var to = "aaaaeeeeiiiioooouuuunc------"; for (var i = 0, l = from.length; i < l; i++) { str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i)); } str = str.replace(/[^a-z0-9 -]/g, '') .replace(/\s+/g, '-') .replace(/-+/g, '-'); this.slug = str; } } } </script>
-
Jhon Jherry Sedano Sedano hace 9 meses
Hay un pequeño detalle que ocurre al colocar x-model, y es que ignora el atributo value, por lo que la validación ya no funciona, una forma de solucionar eso es colocar el modificador “.fill” en x-model.
// Código: <x-input name="title" value="{{ old('title') }}" x-model.fill='title' class="w-full" placeholder="Ingrese el nombre del post" /> <x-input name="slug" value="{{ old('slug') }}" x-model.fill='slug' class="w-full" placeholder="Ingrese el nombre del post" />
-
Fernando Noe Marquez Garcia hace 9 meses
Hola, por si alguien necesita copiar directamente el codigo de expresiones regulares (no se como poner tipo codigo en los comentarios 😅)
string_to_slug(str){
str = str.replace(/^\s+|\s+$/g, '');
str = str.toLowerCase();
var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
var to = "aaaaeeeeiiiioooouuuunc------";
for (var i = 0, l = from.length; i < l; i++) {
str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
}
str = str.replace(/[^a-z0-9 -]/g, '')
.replace(/\s+/g, '-')
.replace(/-+/g, '-');
this.slug = str;
}
-
Esteban Castillo hace 1 año
Hola quisiera saber si hay manera de no manejar el código js en la misma hoja de trabajo en este caso del create, sino tener otra hoja de trabajo, si lo hay en que parte iría? ya que se percibe que hay saturación de código.
-
Victor Arana Flores hace 1 año
Hola Naun. Puedes crear tus archivos js y almacenarlo en la carpeta public y luego llamarlos algo asi
<script src="{{asset('js/mi-js.js')}}}" />
-
-
Antoniorr hace 1 año
Hola, buenas tardes. Indicas que dejas el código javascript / Alpine en el repositorio del curso, pero no encuentro donde está. Por favor, ¿puedes indicarme como obtenerlo?. Muchas gracias
-
Alejandro Ferrer hace 1 año
https://github.com/coders-free
mas precisamente: https://github.com/coders-free/laravel-avanzado
-
Victor Arana Flores hace 1 año
Hola Alejandro, gracias
-
Antoniorr hace 1 año
Muchas gracias Alejandro
-
Antoniorr hace 1 año
Muchas gracias Victor
-