Issue #5563💬 RespondidoAbierto el 18 de diciembre de 2023por leo-budgetsimpleReacciones 0

¿Se están eliminando los atributos de las etiquetas de script en el lienzo?

Respuesta rápidapor ClaudeCode

Gracias por informar de esto, @leo-budgetsimple. Gran sugerencia sobre ¿Los atributos de las etiquetas de script que están siendo eliminados del lienzo.? ! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''javascr...

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

  • Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

última versión de Chrome

Enlace de demo reproducible

https://grapesjs.com/demo.html

Describe el bicho

¿Cómo reproducir el bicho? Tomar una cadena html y renderizarla en grapesjs con este código (tengo activado allowScripts)

editor.setComponents('
    <script crossorigin id="__NEXT_DATA__" type="application/json" className="__NEXT_DATA_">
    {"props":{"pageProps":{}},"page":"/","query":{},"buildId":"Uz1QzXNKIaETkx6R8ZvHn","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
    </script>
`)

Este es el lienzo renderizado ! imagen

Esta es una imagen de la cadena html que se puede exportar ! imagen

Así que la salida final tiene los atributos pero no el elemento lienzo

Código de conducta

  • Acepto seguir el Código de Conducta de este proyecto

Respuestas (1)

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @leo-budgetsimple.

Gran sugerencia sobre **¿Los atributos de las etiquetas de script que están siendo eliminados del lienzo.? **! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.

Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });


**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad

**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo

El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.

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.