La posición del Editor de Texto Enriquecido no se actualiza al enter/return
@mazuschlag si usas ckeditor puedes probar este parche. Recalculará y reposicionará el editor de CKs en la posición correcta. 'CKEDITOR.on('instanceReady', función (e) {' 'editor. RichTextEditor.updatePosition();' });
Lee la respuesta completa abajo ↓Pregunta
¡Una vez más, gracias por todo el esfuerzo en el proyecto!
Esto es reproducible en la versión actual 0.16.3; puedes verlo en la demo del boletín: https://grapesjs.com/demo-newsletter-editor.html
Normalmente el RTE aparece por encima del elemento, así que esto no es un problema. Sin embargo, cuando un elemento habilitado para RTE se coloca cerca de la parte superior del editor, no hay espacio para el RTE por encima del elemento, por lo que se coloca debajo. Al pulsar "enter" o "carriage return", el RTE permanece en su sitio, bloqueando gran parte del elemento que ahora está debajo.
Para reproducir:
- Open GrapesJS
- Colocar un campo de texto en la parte superior del editor
- Escribe un texto y pulsa enter.
Cuando el usuario elimina una fila del elemento de texto mediante retroceso, la posición del RTE se actualiza correctamente y se mueve al nuevo borde del elemento. Pero para Enter, no se mueve en absoluto.
Respuestas (3)
@mazuschlag si usas ckeditor puedes probar este parche. Recalculará y reposicionará el editor de CKs en la posición correcta.
'CKEDITOR.on('instanceReady', función (e) {'
'editor. RichTextEditor.updatePosition();'
});
Las herramientas de Canvas deberían actualizarse con el evento de 'entrada' del componente de texto; en la versión actual hay un problema incluso con el RTE integrado, pero se solucionará en la próxima versión. De alguna manera, este problema no afecta al plugin CKEditor pero, por lo que he visto, el "enter" nunca activó el evento de 'entrada', así que creo que debería haber algún otro evento asociado a la instancia de CKEditor. Me encantaría recibir una confirmación permanente del plugin
@artf Gracias por la respuesta, pero estoy un poco confundido. Esto está ocurriendo con el plugin CKEditor, ¿quieres decir que la solución será separada de la solución al CKEditor integrado? No me importaría arreglarlo, pero ¿tienes algún consejo sobre por dónde empezar?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4195
El texto desaparece si se pega una segunda vez en el bloque de texto
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible htt...
Issue #3579
RTE se pierde al abrirse justo después de soltar el componente 'activeOnRender'
Versión: 0.17.4 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Pasos para reproducir:Ir a la demoColocar un bloque de "Texto" dentro d...
Issue #3794
RTE Texto superpuesto en un componente de texto básico cuando el ancho y la altura son el 100% del lienzo
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 93.0.4577.82 (Versión oficial) (6...
Issue #2878
[Bug] no es posible hacer que parte de H1 sea no en negrita
Pasos:Demo del boletín abierto en https://grapesjs.com/demo-newsletter-editor.htmllimpiar el lienzoeliminar "Sección de texto"seleccionar c...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.