Los JavaScript no funcionan debido a un problema de codificación
No se recomienda usar 'allowScripts: 1', de todas formas en tu caso, ¿por qué no arrastrar el bloque escrito? Pero si tienes que incluirlo en tu uso de los elementos: '''html <div id="gjs"> <div data-gjs-type="typed"></div> </div> ```
Lee la respuesta completa abajo ↓Pregunta
1 - Copié el código de componentes de texto mecanografado en lugar de código HTML de demostración; 2 - Y añadido allowScripts: 1;
Puedes ver un ejemplo aquí: http://bashworld.ru/demo.html pulsa para Ver código y vemos muchos caracteres codificados en JS.
¿Cómo puedo solucionar este problema? Necesito descifrar todos los caracteres de <, >, '
Por favor, ver screenshow más abajo ! wwww
Respuestas (4)
No se recomienda usar 'allowScripts: 1', de todas formas en tu caso, ¿por qué no arrastrar el bloque escrito? Pero si tienes que incluirlo en tu uso de los elementos: '''html
<div id="gjs"> <div data-gjs-type="typed"></div> </div> ```Deberías configurar tu almacenamiento correctamente https://grapesjs.com/docs/modules/Storage.html#basic-configuration
@artf ¿Puedes ayudar, por favor?
Gracias por informar de esto, @lbmir.
¡Gran sugerencia sobre que los javascripts no funcionan por un problema de codificación! 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 #3316
El editor no elimina los bloques de script muertos
Versión: 0.16.34 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No Según tengo entendido, el diálogo de importación de código se salta...
Issue #3269
Traducción de cadenas HTML
¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola d...
Issue #3347
¿Cómo puedo conseguir código JS sin comprimir para editarlo?
Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs'...
Issue #5199
Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible h...
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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.