Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

149
Views
¿Por qué ckeditor pierde el foco en cualquier carácter ingresado en la aplicación Laravel 8 / livewire 2?

En la aplicación Laravel 8 / livewire 2, agregué ckeditor y funciona, con la actualización de datos de livewire con jkavascript, pero el problema es que cuando ingreso 1 carácter en el área de ckeditor, pierdo el foco, los siguientes símbolos ingresados se pierden. Hago :

 <div wire:ignore class="p-2 w-full"> <textarea wire:model.lazy="form.content" class="form-control" id="content_textarea"></textarea> <x-jet-input-error for="form.content" class="mt-2"/> </div>

...

 ClassicEditor .create( document.querySelector( '#content_textarea' ), { extraPlugins: [ SimpleUploadAdapterPlugin ], // ... } ) .then(editor => { editor.model.document.on('change:data', () => { console.log('change:data editor.getData()::') console.log(editor.getData()) @this.set('form.content', editor.getData() ) }) }) .catch( error => { console.error( error ); } );

Uso perezoso para todas las entradas en este formulario y funcionan bien: en la consola de los navegadores veo que se obtienen mensajes solo cuando el usuario deja la entrada. En el evento de cambio: datos anterior, veo que el evento se activa y supuse que esto interrumpe el modo perezoso, pero no sé cómo se puede solucionar.

¡Gracias!

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Encontré una decisión con el uso de change:isFocused event :

 CKEditorInit: function () { ClassicEditor .create( document.querySelector( '#content_textarea' ), { extraPlugins: [ SimpleUploadAdapterPlugin ], } ) .then(editor => { editor.ui.focusTracker.on( 'change:isFocused', ( evt, name, isFocused ) => { if ( !isFocused ) { const doc = document.getElementById('news_admin_page_container'); var wireIds = window.livewire.find(doc.getAttribute("wire:id")) wireIds.set('form.content', editor.getData()) } } ); // 'change:isFocused'
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!