How can I get Uncompressed JS code for me to edit?
El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías crear archivos js separados para tus componentes de 'script' y decirle al empaquet...
Lee la respuesta completa abajo ↓Pregunta
Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js')' y también es comprimido. He leído el código fuente y tampoco entiendo por qué CodeManager puede mostrar un código sin comprimir. 2、Otra cosa es: cuando pongo código JS, por ejemplo, 'document.getElementById("wrapper").style.background = "red"', y hago lo siguiente: 'const html...
Respuestas (4)
El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías crear archivos js separados para tus componentes de 'script' y...
@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está comprimido. Quiero un código sin comprimir así en https://gith...
'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente
Gracias por informar de esto, @xinnai. Buena pregunta sobre ¿Cómo puedo conseguir código JS sin comprimir para que lo edite?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del o...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3688
How to customize a component
Leí este documento https://grapesjs.com/docs/modules/Components.html#define-custom-component-type e intenté escribir el siguiente código. Q...
Issue #3116
Cómo cargar un CSS que se pueda ver en el visor de código y también exportarse mientras se guarda
Hola :wave: Estoy intentando cargar algo de CSS dentro del editor como parte del tema, puedo enlazar hojas de estilo como parte de la carga...
Issue #3631
How to load dynamic content in the final HTML file?
Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en...
Issue #3170
Add class name from traits
Hola, lo que intento conseguir es que el componente de texto se amplíe asignando un rasgo extra llamado Alineamiento y decidiendo a través...
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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026
Lo que aprendimos construyendo GJSDocs — desde la simple generación de texto con IA hasta la edición visual estructurada y consciente del contexto
Tutorial
¿Cuánto cuesta construir un creador de páginas SaaS en 2026?
¿Cuánto cuesta crear un creador de páginas SaaS en 2026? Explora los costes realistas de desarrollo, los plazos, las funciones y cómo el uso de GrapesJS puede r
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.