Grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante
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)
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
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:
- Auto-XSS
- 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>'
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.
Issue #3313
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic?
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #3668
No puedo reiniciar el lienzo después de moverlo/escalarlo
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #5089
Importación de errores de la biblioteca codemirror en SCSS
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.1 Enlace de demo reproducib...
Issue #3654
[PREGUNTAS] editor.setComponents(html) y pageManager.select(pageId) no cargan los scripts js
Hola, @artf Como he leído, allowScripts:1 permite a grapesjs cargar scripts . Cuando cargo una página de aterrizaje por primera vez funcion...
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.