No es posible hacer que parte de H1 sea no en negrita
Esto me parece un fallo lógico. "<Hn>Los elementos no son atrevidos, sino títulos. Como mencionaste, ni siquiera el 'execCommand' nativo del navegador, usado en el editor integrado, sabe qué hacer. @fedulovivan, ¿tienes alguna sugerencia de un posible marcado HTML para la situación?
Lee la respuesta completa abajo ↓Pregunta
Pasos:
- Demo del boletín abierto en https://grapesjs.com/demo-newsletter-editor.html
- limpiar el lienzo
- eliminar "Sección de texto"
- seleccionar cualquier palabra dentro de H1, por ejemplo, palabra "título"
- pulsa el modificador Negrita una o dos veces
Esperado:
- El texto seleccionado dejó de ser en negrita
Actualidad:
- El texto sigue siendo en negrita
Los pasos anteriores son para el editor de CKE, que ahora está activado en la demo del boletín.
Para el editor incorporado, el comportamiento es un poco diferente: La palabra seleccionada cambia su estilo a no negrita mientras la edición está activada. El HTML generado también contiene estilos correctos. Pero Canvas lo muestra en negrita otra vez, una vez terminada la edición de H1.
Ver demo: ! pone-no-negrita-título
Respuestas (3)
Esto me parece un fallo lógico. "<Hn>Los elementos no son atrevidos, sino títulos. Como mencionaste, ni siquiera el 'execCommand' nativo del navegador, usado en el editor integrado, sabe qué hacer.
@fedulovivan, ¿tienes alguna sugerencia de un posible marcado HTML para la situación?
Hola, @robsonsobral Un html, generado por el RTE incorporado, es correcto: Original: '<h1>Inserta el título aquí</h1>' Después de poner la palabra "título" en negrita: '<h1>Insertar <span style="font-weight: normal">título</span> aquí</h1>'
El problema es que no está bien renderizado en el lienzo. Todo el texto sigue siendo en negrita.
Profundizo un poco en esto. Tras el evento de desenfoque, el marcado cambia de '<span style="font-weight: normal">title</span>' a '<span data-gjs-type="default"><span data-gjs-type="text">title </span></span>'. Si lo intento de nuevo, se convierte en '<span data-gjs-type="default"><span data-gjs-type="default"><span data-gjs-type="text">title </span></span></span>'.
Es difícil tener un editor integrado sencillo pero funcional, aparte de markdown.
No pude reproducir el error en la demo del boletín. Funcionó bien.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #6348
Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https:...
Issue #2196
[Bug] La selección de elementos de enlace no muestra barra de herramientas
Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comp...
Issue #1224
[Bug] Problemas con la consulta de medios y el renderizado de clases
Hola, Intentaba hacer un diseño responsivo, pero descubrí que el conmutador de dispositivos no funciona de forma consistente. El problema p...
Issue #2403
editor.load posiblemente causa una fuga de memoria
Cómo reproducirse:Naviagate a https://grapesjs.com/demo.htmlAbre la consola del navegador (Chrome) y escribe lo siguiente: 'setInterval(()...
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.