11. Crud de categorías

Comentarios:

• 

  Wilbert Avila hace 7 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 hace 10 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 hace 1 año

  donde se aplica livewire???

  Ocultar 1 respuestas

  • 

    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 dashes

     return str;
  }