27. Mostrando posts en tu CMS con Laravel Voyager

Feliz Navidad profesor @victorAranaFlores, Ya no estoy trabajando con Voyager, ahora estoy con Laravel puro, pasa es que deseo agregarle un contador de visitas a un blog, estuve siguiendo tus cursos de Blog administrable me pareció interesante ya que aprendo mucho más de dicho Framework

Ahora estoy deseando añadir un contador de visitas únicos para un proyecto sin embargo estuve buscando en la web pero no encuentro información. No se si podrías hacer un video de ello, aparte también estuve buscando un filemanager que administre los contenidos subidos y así evitar volver a cargar contenido a mi host y ahorrar almacenamiento, tampoco encuentro información. Si fueras tan amable de explicar más a fondo estos temas sería super interesante.

Hola, feliz navidad. ¿A que te refieres con contador unico?

Que por cada post que cree, tenga una vista cuando un usuario ingrese a leer y así sucesivamente.

Puedes simplemente incluir un campo en tu tabla llamada contador, y desde el controlador cada vez que alguien ingrese ir aumentandolo.

Lo puedes hacer algo así {{Voyager::image($post->thumbnail('small'))}} 

Yo igual, espero que tengamos pronto nuevos videos.

Hola Vicente. Tailwind formatea todos los estilos, por lo que vas a tener que definir tus propios estilos.

Particularmente lo que yo hago es lo siguiente. En la carpeta resource/css creo un nuevo archivo llamado por ejemplo ckeditor, y dentro de ese archivo voy creando los estilos que quiero que tengas los elementos que llegan con ckeditor 5, por ejemplo

.ckeditor ul{
    @apply list-disc list-inside;
}

.ckeditor ol{
    @apply list-decimal list-inside;
}

.ckeditor a{
    @apply text-blue-600 visited:text-purple-600 underline;
}

.ckeditor h1{
    @apply text-3xl font-bold;
}

.ckeditor h2{
    @apply text-2xl font-bold;
}

.ckeditor h3{
    @apply text-xl font-bold;
}

.ckeditor h4{
    @apply text-lg font-bold;
}

.ckeditor strong{
    @apply font-bold;
}

Luego me voy al archivo resources/css/app.css

y agrego la siguiente linea de codigo;

@import 'ckeditor.css';

Es importante que este @import lo pongas en las primeras lineas sino te va dar error.

Luego a la hora de mostrar el contenido que viene con texto enriquecido hago lo siguiente:

<div class="ckeditor">
	{!! $post->body !!}
</div>

Y listo, de esa forma mostraras el texto enriquecido con las estilos que hayas definido.

Perfecto. Funciona perfecto y muy facil de implementar. Gracias

Hola Javier, vue tiene su propia sintaxis. Te recomiendo leer la documentación de Vue, o en su defecto llevar algun curso de Vue. En la plataforma tengo un curso de Vue por si te interesa.

La directiva que usa vue para poder imprimir codigo html es v-html