11. Crud de categorías


4 comentarios

Inicia sesión para comentar

Comentarios:

  • Wilbert Avila

    Wilbert Avila hace 8 meses

    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

    Carlos hace 11 meses

    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

    Gabriel Calle Torrez hace 1 año

    donde se aplica livewire???

    • Victor Arana Flores hace 1 año

      ?

  • Cesar Flores

    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 dashes

       return str;
    }