No se puede editar la etiqueta en el navegador Firefox
https://bugzilla.mozilla.org/show_bug.cgi?id=853519 Probablemente la solución más sencilla sería forzar a la Vista a usar la etiqueta 'span' en lugar de 'etiqueta'
Lee la respuesta completa abajo ↓Pregunta
Hola,
No puedo editar la etiqueta en el navegador Firefox (v. 69.0.3). El problema ocurre cuando hago doble clic en el componente para editarlo. RTE muestra la barra de herramientas, pero no se puede cambiar texto o atributos. La consola web no muestra ningún error. Cuando el texto está seleccionado y intento, por ejemplo, ponerlo en negrita, en la consola web aparece un error:
NS_ERROR_FAILURE: 4 grapes.min.js:12
Valor https://grapesjs.com/js/grapes.min.js?v0.15.8:12
resultado https://grapesjs.com/js/grapes.min.js?v0.15.8:12
<anonimowa> https://grapesjs.com/js/grapes.min.js?v0.15.8:12
Después de hacer triple clic, el texto se puede editar, pero solo el texto completo. No se puede seleccionar solo parte del texto ni mover el cursor a la izquierda o derecha para cambiar solo parte del texto.
Problema de doble clic Pasos para reproducirse (comportamiento real):
- Poner un bloque de etiquetas en el lienzo,
- Haz doble clic en la etiqueta para editarlo,
- No puede editar texto ni atributos de texto (negrita, etc.)
Comportamiento esperado:
- Poner un bloque de etiquetas en el lienzo,
- Haz doble clic en la etiqueta para editarlo,
- Puede editar texto y atributos de texto (negrita, etc.)
Problema de triple clic Pasos para reproducirse (comportamiento real):
- Poner un bloque de etiquetas en el lienzo,
- Haz triple clic en la etiqueta para editarla,
- Puede editar texto pero no puede editar atributos de texto (negrita, etc.) y mover el cursor a la izquierda o derecha usando las flechas
Comportamiento esperado:
- Poner un bloque de etiquetas en el lienzo,
- Haz triple clic en la etiqueta para editarla,
- Puede editar texto, atributos de texto (negrita, etc.) y mover el cursor a la izquierda o derecha usando las flechas
Respuestas (2)
https://bugzilla.mozilla.org/show_bug.cgi?id=853519
Probablemente la solución más sencilla sería forzar a la Vista a usar la etiqueta 'span' en lugar de 'etiqueta'
Esto fue una 'solución' interesante, pero viene con problemas...
¡spans != etiquetas
Al aplicar relleno a las etiquetas, como las etiquetas bootstrap, el relleno no se aplicará a un tramo no a menos que 'display: inline-block;' también se aplique al tramo
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #681
La barra de herramientas se muestra de nuevo al desplazarse aunque esté oculta en Firefox
Hola, Tenemos que ocultar la barra de herramientas usando las propiedades gjs-data-*. Está oculto con éxito. Pero en Firefox, cuando bajas...
Issue #5487
Style Manager no muestra múltiples reglas para la misma clase
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https...
Issue #3783
Texto superpuesto RTE cuando el componente de texto está al 100% de altura
Versión GrapesJS Por favor, ayudadme; puede que esto se haya solucionado en algún sitio, pero revisé los problemas y no encontré ninguno; h...
Issue #2765
[Bug] tecla de retroceso activando hacia atrás
Hola, en grapesjs en Firefox 75.0, cuando se pulsa "tecla de retroceso" (evento.que === 8), el navegador retrocede y se pierde grapesjs. Pa...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.