es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Quill Editor: no se puede pegar texto, la entrada pierde el enfoque

Estoy intentando pegar cualquier texto aleatorio en el editor quill@1.3.7, pero todos mis eventos de pegar son prácticamente ignorados. Además, el cursor desaparece, es decir, el

pierde el enfoque.

¿Tengo que hacer algo para que funcione el pegado básico/predeterminado del portapapeles? Según la documentación, esos deberían estar activados de forma predeterminada ya que son necesarios.

Tengo activada la opción de debug y esto es lo que veo en Chrome.

Aquí es cómo inicializo el editor:

html

import Quill from 'quill';

@customElement('quill-editor')
export class QuillEditorComponent {

@bindable({ defaultBindingMode: bindingMode.twoWay })  value: string;
editorElement: any;
editor: Quill;

attached() { 

var toolbarOptions = [/* eliminado por brevedad */];

this.editor = new Quill(this.editorElement, {
debug: true,
modules: { 
toolbar: toolbarOptions,
clipboard: {
    matchVisual: false
}
},
placeholder: 'Tengo algo que decir...',
theme: 'snow'
});

this.editor.root.innerHTML = this.value;
}

}

ACTUALIZACIÓN:

Informe un problema, ya que esto parece ser un problema relacionado con Chrome:
https://github.com/quilljs/quill/issues/3512

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que el problema que estás enfrentando con el editor quill@1.3.7 está relacionado con Chrome. Según la documentación, la copia y pegado predeterminados deberían funcionar sin ninguna configuración adicional. Sin embargo, puedes intentar los siguientes pasos para habilitar el pegado básico desde el portapapeles:

    1. Elimina la configuración del módulo clipboard de this.editor:
      this.editor = new Quill(this.editorElement, {
       debug: true,
       modules: { 
         toolbar: toolbarOptions
       },
       placeholder: 'Tengo algo que decir...',
       theme: 'snow'
      });
      
    2. Intenta pegar texto nuevamente en el editor.

    Si aún no funciona, considera actualizar a la última versión de quill.js o consulta el problema que has presentado en GitHub para obtener actualizaciones y soluciones.

Comments are closed.