Un error de decodificación de guiones en la página de documentación "Commponent & JS".
El 'guion' está justo encima ! CCC PD: puedes usar Debates si no estás reportando un error
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS
- Confirmo que se debe usar la última versión de GrapesJS
¿Qué navegador usas?
Irrelevante para el asunto
Enlace de demo reproducible
https://grapesjs.com/docs/modules/Components-js.html#basic-scripts
Describe el bicho
Hola, en lugar de crear una solicitud de pull para un cambio tan pequeño, lo comparto aquí.
El código de introducción en Basic Scripts a https://grapesjs.com/docs/modules/Components-js.html#basic-scripts no tiene una palabra clave, lo que puede confundir o engañar a los nuevos usuarios, ya que no hay otro ejemplo de declarar un script de componente en la página:
'''js modelo: { Predeterminados: { guion,
Debería ser:
'''js
modelo: {
Predeterminados: {
guion: guion,
Código de conducta
- Acepto seguir el Código de Conducta de este proyecto
Respuestas (2)
El 'guion' está justo encima ! CCC
PD: puedes usar Debates si no estás reportando un error
Gracias por informar de esto, @bit-ocean.
El problema con un error de eliminación de guion en la página de documentación "Commponent & JS". parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.
Qué probar:
- Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);
2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos
3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
Es seguro interactuar con el componente aquí
});
Recomendaciones de siguientes pasos:
- Prueba con la última versión de GrapesJS si no lo has hecho
- Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
- Incluir errores de GrapesJS, de navegador y de consola en tu informe
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4384
index.d.ts dice que los componentes deben ser Backbone.Collection<Component>, pero la documentación indica que Component[] también es aceptado
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? CualquieraEnlace de demo reproducible https...
Issue #4336
"Importar plantilla" no sirve para eliminar estilos extra
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 101.0.4951.64 Enlace de demo repr...
Issue #4000
Pegar un componente en la capa raíz del cuerpo genera TypeError
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible ht...
Issue #6250
Prompt de la página clonada 'Conversión de estructura circular a JSON'
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 129.0.6668.101Enlace de demo reprodu...
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
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
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Tutorial
GrapesJS vs Webflow vs Tilda (2026): Honest Comparison, Pricing & Which to Pick
GrapesJS vs Webflow vs Tilda compared head-to-head: real 2026 pricing, SEO features, code export, and which one actually fits your project
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.