16 - Como Integrar CKEdito 5 con Livewire - Aprende Laravel Livewire desde cero
HTML-код
- Опубликовано: 16 май 2021
- Aquí, aprenderás a integrar el editor de texto CKEditor 5 con tus aplicaciones de Livewire, lo que te permitirá crear contenido rico en tu aplicación web.
------------------------------------------------------------------------------------------------
CURSOS
🔴 Facturacion electronica Perú: youtube.codersfree.com/larave...
🟠 Laravel avanzado: youtube.codersfree.com/larave...
🟢 Ecommerce: youtube.codersfree.com/ecommerce
🔵 Api: youtube.codersfree.com/api-re...
🟠 Plataforma de cursos: youtube.codersfree.com/plataf...
🔴 Vue e Ineria: youtube.codersfree.com/vue-3-...
🟣 Eloquent Avanzado: youtube.codersfree.com/eloque...
🟡 Pasarela de pagos: youtube.codersfree.com/pasare...
⚫ Laravel Web Socket: youtube.codersfree.com/larave...
🟣 Notificaciones: youtube.codersfree.com/notifi...
🟢 Laravel Excel: youtube.codersfree.com/larave...
🔵 Digital Ocean: youtube.codersfree.com/despli...
🟡 Laravel Voyager: youtube.codersfree.com/larave...
🟣 Datatable Livewire: youtube.codersfree.com/datata...
🟠 Tenancy for Laravel: youtube.codersfree.com/multi-...
🔵 TDD Laravel: youtube.codersfree.com/tdd-la...
⚫ Traducir páginas: youtube.codersfree.com/traduc...
🟠 Wire UI: youtube.codersfree.com/livewi...
🔴 Acortador de links: youtube.codersfree.com/acorta...
🟡 Banhammer for laravel: youtube.codersfree.com/banham...
🟢 Laravel backup: youtube.codersfree.com/larave...
🔵 Actualizar a Laravel 10: youtube.codersfree.com/actual...
-----------------------------------------------------------------------
DONACIONES
Patreon: / codersfree
PayPal: www.paypal.com/paypalme/Coder...
------------------------------------------------------------------------------------------------
Grupo Facebook: / 4314830498588670
Plataforma: codersfree.com/ 
Наука
Bro sos un crack!!! pase dos días intentando resolver este problema y tú con dos líneas de código lo solucionaste!
No olviden que para imprimir texto HTML deben usar la sintaxis {!! !!}.
En este ejemplo sería así:
{!! $post->content !!}
Excelente muchas gracias ;)
mil gracias
Excelente profe! Para cuando continuamos este lindo cursito?
Muy bueno
Excelente video!! ,,,tengo una consulta como podria editar el text area ... si actualmente ya no renderiza
Excelente, puede colocar para cuando modifico el string del post desde livewire que se vea el ajuste dentro del ckeditor, gracias.
No logro hacer funcionar ckeditor cuando se quiere editar una post alguno que lo haya logrado?
Buenas, estoy igual que tu, lo conseguiste?
y hay alguna manera de que cuando cree un nuevo registro tambien me borre lo que coloque anteriormente en el ckeditor?
Hola buenas tardes al trabajar con la librería tengo algunos problemas: No funciona el complemento de List, no sabría como traer la data limpia sin etiquetas hmtl para editar
Hola, como se aria para que funcione el cargar un imagen y para mostrar el contenido en la vista blade, como podria hacerlo si uso {!! $contenido !!} si cargo un video este no se ve, solo muestra el texto plano
oh my god thank you
Buenas tardes, excelente curso, bueno en realidad todos los videos que he visto en este canal. Tengo un CRUD con livewire, acabo de integrar el CK-EDITOR siguiendo este tutorial, no he logado hacer la sincronización con el método mágico en el script @this.set('descripcion',editor.getData())
Como se puede guardar las imágenes que se insertan en CKEditor y en donde se guardan
Tengo la misma duda, has conseguido algo?
¿Cómo se aplica en la actualización?
Gracias por el video!, consulta, cuando escribo algo en el ckeditor y lo cierro y vuelvo a abrir el modal se sigue mostrando lo que habia escrito antes, lo mismo con el modal de update, si abro uno me carga el texto que viene por defecto, pero si lo cierro y abro otro para editar me muestra del primero que abri, como reseteo ese campo?
{{$content}}
agrega {{$content}}
@@minosgabo8258 que tal amigo le puse así y no funciona
{{$content}}
puse el wire ignore en un div aparte para que dejara ver el mensaje de error
cuando GUARDO UN REGISTRO.. No limpia el campo de editor..
ahora tampoco se puede actualizar..!
1) El mensaje de error del textarea ya no aparece
2) Ver cómo aplicarlo en la actualización
3) Ver cómo colocar imágenes en el textarea y que persistan
4) Bonus, instalar CKEditor con NPM en Laravel mix, ya que el CDN no lo recomiendo para producción. Cuando falle el CDN, el editor no funcionará simplemente y además puede alentar la carga de la vista si, por alguna razón, el CDN tarda en responder. Hay que procurar priorizar el NPM sobre el CDN.
¿Alguien sabe instalar CKEditor con npm y Laravel Mix?
¿Es posible que el editor tenga la propiedad Drag and Drop de tal manera que cuando agregue cualquier componente (Texto, Imagen, figura, etc) pueda reubicarlo o redimencionarlo haciendo clic y arrastrar?
me surge la misma pregunta, y si subo una imagen dentro de CKEditor donde queda almacenada?
Acá encontré como subir la imagen a ckeditor ruclips.net/video/hufhhf2MSHU/видео.html
en la documentacion aparece drag and drop, debes copiar el css y el js, que aparecen alli como drag.js y drag.css, no son dificiles de implementar, pero si algo tedioso si no sabes o no lees la documentacion
Excelente. Como crear un PDF con el contenido do CKeditor?
con DOMPDF
Como puedo hacer para cargar imágenes? Dónde se guardan?
Mira acá ruclips.net/video/hufhhf2MSHU/видео.html
Cuando cargo la imagen se quita el Ckeditor, ha alguien más le pasa?
Has puesto el wire:ignore?
@@CodersFree Si, sin embargo lo estoy trabajando en un servidor compartido, puede ser que por ahi vaya el error.
@@yunuenmoncada a mi tambien me falla y no tengo servidor compartido, tambien noté que no muestra la regla de validación y no muestra el error
Hice un movimiento con el aviso de que la imagen se esta cargando, si lo pones antes del @if($image) donde muestra la imagen cargada, no se quita el ckeditor, no se porque pero funciona, si alguien sabe porfas expliquen :D