Cómo Obtener Slugs desde Títulos de Artículos con Alpine.js
Comprar curso

133. Cómo Obtener Slugs desde Títulos de Artículos con Alpine.js


5 comentarios

Inicia sesión para comentar

Comentarios:

  • Jorge Gatica

    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

    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

    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

    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

    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