Issue #2332💬 RespondidoAbierto el 16 de octubre de 2019por kondziu95Reacciones 0

No se puede editar la etiqueta en el navegador Firefox

Respuesta rápidapor artf

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):

  1. Poner un bloque de etiquetas en el lienzo,
  2. Haz doble clic en la etiqueta para editarlo,
  3. No puede editar texto ni atributos de texto (negrita, etc.)

Comportamiento esperado:

  1. Poner un bloque de etiquetas en el lienzo,
  2. Haz doble clic en la etiqueta para editarlo,
  3. Puede editar texto y atributos de texto (negrita, etc.)

! número - dbl

Problema de triple clic Pasos para reproducirse (comportamiento real):

  1. Poner un bloque de etiquetas en el lienzo,
  2. Haz triple clic en la etiqueta para editarla,
  3. 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:

  1. Poner un bloque de etiquetas en el lienzo,
  2. Haz triple clic en la etiqueta para editarla,
  3. Puede editar texto, atributos de texto (negrita, etc.) y mover el cursor a la izquierda o derecha usando las flechas

! número - triple

Respuestas (2)

schmelik4 de febrero de 2023

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.