Issue #3245💬 RespondidoAbierto el 21 de enero de 2021por bgrand-chReacciones 0

Grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante

Respuesta rápidapor nithinpillalamarri123

Hola, muchas gracias por tu repetición... Sí, exactamente, después de que vuelvas a jugar lo probé con la 0.16.27 del script de bloques personalizados funciona como se esperaba, pero en versiones anteriores a la 0.16.27, mientras arrastras y soltas el script personalizado de bloques se ejecuta como se espera, pero des...

Lee la respuesta completa abajo ↓

Pregunta

'grapesjs-custom-code' funciona bien con la etiqueta 'script' hasta GrapesJS 0.16.27; después de esta versión, no se ejecuta contenido de 'script'.

✔️ Editor init() opción: 'allowScripts: 1' ✔️ Importación de plugins: https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902

¿Está relacionado con https://github.com/artf/grapesjs/issues/3244?

Respuestas (3)

nithinpillalamarri12321 de enero de 2021

Hola, muchas gracias por tu repetición... Sí, exactamente, después de que vuelvas a jugar lo probé con la 0.16.27 del script de bloques personalizados funciona como se esperaba, pero en versiones anteriores a la 0.16.27, mientras arrastras y soltas el script personalizado de bloques se ejecuta como se espera, pero después de guardar y volver a cargar la plantilla usando editor.setComponents (texto html como cadena ); HTML está llegando correctamente, pero el script no funciona. Absorbí eso en script en lugar de '< > como este tipo de símbolos se están reemplazando por códigos de comprensión del navegador, así que intenté desplegar ese HTML en el navegador; funciona bien, pero el script no funciona localmente al recargar la plantilla guardada. Por favor, si alguien tiene la solución para esto en la última versión, ayúdame a salir de esta situación

Gracias

artf28 de enero de 2021

Hola @bgrand-ch, probablemente estés hablando de un error 😂 corregido Principales razones por las que no deberías permitir que se ejecute un script aleatorio de un usuario:

  1. Auto-XSS
  2. No podemos controlar el script si lo ejecutamos dentro del editor, así que, por ejemplo, el usuario pega este '<script>document.body.innerHTML = "";</script>' y el editor está roto.

De hecho, hay una opción que indica que eso es intencionado 'placeholderScript | Contenido para mostrar cuando el código personalizado contiene <script>'

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @bgrand-ch.

¡Gran sugerencia sobre grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante! 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.