Gestor de código de interrupciones de comentarios CSS en línea
Vale, por fin he conseguido reproducir esto de nuevo. Reabriendo con mejor violín. El código dentro de GJS es '''html <p style="/ color: #ffffff; /"></p> <span style="color: red;">Bar</span> El problema es que el '/* color:#ffffff;' no tiene la etiqueta de comentario de cierre. Por lo tanto, renderizaría cualquier CSS...
Lee la respuesta completa abajo ↓Pregunta
Aparentemente esto es un fragmento válido de html y css:
'<div style="color: red; /* altura 200px; */; peso-fuente: negrita;">'
(De ahí la propiedad de altura comentada)
Grapesjs tiene dificultades para tratar este tipo de atributo, ya que el atributo estilo en el modelo se almacena así:
El gran problema es que el 'buildFromObject' de CssGenerator considera '/' como parte del nombre de la regla para '/ height', y lo concatena toda la cadena css. Así que el código css básicamente se commented out cuando llega a este modelo y se vuelve un blob inutilizable de css comentado.
Obviamente, la verdadera solución no está en CodeManager. Quien interprete '/* height' como nombre de regla está cometiendo un error.
Respuestas (3)
Vale, por fin he conseguido reproducir esto de nuevo. Reabriendo con mejor violín.
El código dentro de GJS es
'''html
<p style="/* color: #ffffff; */"></p> <span style="color: red;">Bar</span> ``` El CSS recuperado por 'editor.getCss()' es:'''css
- { cuadro-dimensionamiento: border-box; } cuerpo {margin: 0;}. c620{/* color:#ffffff;}. c629{color:red;}
El problema es que el '/* color:#ffffff;' no tiene la etiqueta de comentario de cierre. Por lo tanto, renderizaría cualquier CSS que venga después.
Mis disculpas por la respuesta tardía.
Hola Emil, he probado esto https://jsfiddle.net/37n5691f/ pero no veo el problema
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2207
[BUG]: No se puede arrastrar el componente si hay espacio arriba/izquierda con Modo Absoluto
Dado el siguiente ejemplo de código... ''' html <div style="altura: 100px;"> Un poco de espacio arriba o a la izquierda </div> <div id="gjs...
Issue #1356
Añadir el botón "Insertar" al gestor de activos
¿Cómo añadirías un botón de "Insertar imagen" al modal del gestor de assets? En este momento, el "Añadir imagen" puede resultar confuso par...
Issue #1703
[Pregunta] ¿Cómo permitir caracteres especiales en el nombre de la clase o en el atributo de datos?
En mi código HTML, tengo algunos marcadores de posición de variables definidos en el nombre de la clase o en los atributos de datos de elem...
Issue #1494
[Pregunta] Clases de viento a cola
Estoy buscando usar Tailwind con GrapesJS, pero este framework utiliza Classes CSS Utility-First para crear layouts rápidos. El problema es...
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
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.