11. Crud de categorías
4 comentarios
Inicia sesión para comentar
Comentarios:
-
Wilbert Avila hace 1 año
A dia de hoy, revise la libreria, hice los pasos explicados en el video y me funciono, pero con el pequeño detalle de que no me reemplazaba los espacios con el guion. Encontre la solucion de aplicar codigo javascript puro, no se que tan optima sea esta opcion pero de igual forma lo comparto.
<script>
function stringToSlug(text) {
return text
.toLowerCase()
.replace(/ /g, '-')
.replace(/[^\w-]+/g, ''); }
document.addEventListener("DOMContentLoaded", function() {
const nameInput = document.getElementById("name");
const slugInput = document.getElementById("slug");
nameInput.addEventListener("input", function() {
const slug = stringToSlug(nameInput.value);
slugInput.value = slug;
});
});
</script>
-
Carlos hace 1 año
saludos!!! no me corre el metodo
{!! form::text('name',null,['class'=>'form-control','placeholder'=>'ingrese nombre']) !!}
<script src="{{asset('vendor/jQuery-Plugin-stringToSlug-1.3/jquery.stringToSlug.min.js')}}"> </script>
<script>
$(document).ready( function() {
$("#name").stringToSlug({
setEvents: 'keyup keydown blur',
getPut: '#slug',
space: '-'
});
});
</script>
-
Gabriel Calle Torrez hace 1 año
donde se aplica livewire???
-
Victor Arana Flores hace 1 año
?
-
-
Cesar Flores hace 1 año
[36:00] Laravel tiene un Método que convierte string a slug por si no quieren usar Jquery:
https://laravel.com/docs/9.x/helpers#method-str-slug
------------
o usar este código si lo necesitan en Js (como en el video):
function stringToSlug(str) {
str = str.replace(/^\s+|\s+$/g, ''); // trim
str = str.toLowerCase();
// remove accents, swap ñ for n, etc
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, '') // remove invalid chars
.replace(/\s+/g, '-') // collapse whitespace and replace by -
.replace(/-+/g, '-'); // collapse dashesreturn str;
}