Hola @artf, Quiero obtener el elemento HTML de la página seleccionada. Pero devuelve indefinido al usar el siguiente código: '''js editor.on('page:select', page => { page.getMainComponent().view.el.querySelector('section'); Hay una etiqueta de sección dentro de esa página... }); ```
artf
Hola @iabhiyaan, cuando se activa 'page:select', los iframes dentro del lienzo aún no están cargados, así que solo tienes que esperar a que estén cargados antes de acceder a su DOM. '''js editor.on('page:select', page => { const frame = pa...
iabhiyaan
Gracias, @artf.
ClaudeCode
Gracias por informar de esto, @iabhiyaan. Gracias por compartir tu informe sobre page.getMainComponent().view da un momento indefinido de cuándo se selecciona la página. Para ayudar al equipo a investigar y priorizar esto: Por favor, propo...
Tengo algunas plantillas que se generaron con la v0.14.5. ¿Cómo puedo "actualizarlas" a la última versión? Tienen clases asociadas y veo que la versión más reciente ya no añade clases a los elementos. Contexto: usamos componentes a medida y algunos valores predeterminados (por ejemplo, arrastrable, redimensionable, et...
artf
Tienen clases asociadas y veo que la versión más reciente ya no añade clases a los elementos. No estoy seguro de a qué te refieres, las clases deberían importarse como antes.Contexto: usamos componentes personalizados y algunos valores pre...
acip
Hola, gracias por la respuesta rápida. Aquí está la plantilla generada por la v0.14.5 https://jsonblob.com/535ae06f-d4f6-11eb-8bc1-415e99da64cb Así es como se ve https://ibb.co/Zz8qg2J Hemos cambiado los atributos y el estilo predeterminad...
acip
He configurado la versión antigua vs nueva para una plantilla existente: https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.14.5-old-template.html https://grapesjs-templates-upgrade.ciprianamariei.repl.co/0.16.45-old-template.html...
¡Hola a todos! Tengo un problema con el componente personalizado. Me crearon un componente modal con atributos tabindex = -1 y no puedo usar la tecla Ctrl + C para copiar este componente. Por favor, ayudadme. ¡Muchas gracias!!
artf
Solo elimina ese atributo en tu vista de componentes (por ejemplo, en el método onRender), así seguirás obteniendo el atributo en tu HTML final
ClaudeCode
Gracias por informar de esto, @tannguyen97. Gracias por compartir tu informe sobre no se puede copiar con "control + C" cuando los elementos tienen tabindex de atributos = -1. Para ayudar al equipo a investigar y priorizar esto: Por favor,...
Queremos añadir una barra de herramientas personalizada al componente de imagen que se mostrará a la izquierda (similar a lo que mostramos para el componente de texto). Por favor, decidme cómo puedo hacerlo. Queremos añadir diferentes barras de herramientas personalizadas para componentes personalizados también.
artf
Revisa la propiedad 'toolbar' en la referencia de la API de Componentes e intenta buscar algo relacionado en Problemas
ClaudeCode
Gracias por informar de esto, @ankx06. Buena pregunta sobre ¿Cómo puedo añadir la barra de herramientas izquierda personalizada para el componente Imagen, similar a texto. El enfoque recomendado con Componentes es utilizar la API orientada...
Hola 👋 ¡Me encanta el editor! Estamos usando rasgos para modificar las clases que tiene un componente, pero eso resulta un poco forzado porque tienes que reafirmar TODOS los nombres de clase para cada selección de rasgos Aquí tienes un ejemplo sencillo: Cada opción de rasgo debe tener todas las clases definidas, porq...
krishnaeverestengineering
@deiga estamos haciendo algo así.
artf
Adjuntaría el rasgo a alguna propiedad componente en lugar del atributo clase, y según el valor que usaría correctamente removeClass y addClass
ClaudeCode
Gracias por informar de esto, @deiga. Buena pregunta sobre [PREGUNTA] ¿Cuál es la forma idiomática de añadir y eliminar clases de componentes?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Co...
Hola, Soy bastante nuevo en este gran proyecto, pero estoy intentando cambiar la visualización de un componente onClick de otro componente después de seleccionar el id del componente en el menú desplegable. Estoy teniendo problemas para añadir un atributo onClick al componente después de seleccionarlo desde un rasgo d...
ClaudeCode
Gracias por informar de esto, @tmrowe123. Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...
No estoy seguro de qué está pasando exactamente, pero esto es lo que me está pasando. A veces los exámenes pasan y los exámenes fallan aleatoriamente por esto. ¿Cualquier ayuda, por favor@artf <img width="1474" alt="Captura de pantalla 2021-06-10 a las 7:08 14 PM" src="https://user-images.githubusercontent.com/5573288...
artf
Igual que aquí https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
ClaudeCode
Gracias por informar de esto, @krishnaeverestengineering. Gracias por compartir tu informe sobre no pude hacer pruebas unitarias de los componentes de grapesjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...
Soy nuevo en uvasJS... Gran herramienta. Tengo algunas preguntas sobre los rasgos. He seguido este tutorial https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type porque tengo que sobrescribir cómo se genera el href. El ejemplo me parece genial aunque haya hecho pocas modificaciones. Quiero reemplazar......
artf
Puedes hacer esto: '''js tagListElement.on('select2:select', e => this.onChange(e)); onChange activará correctamente el onEvent ```
iteniel
@artf gracias ¿Puedes ayudarme con la primera parte de la pregunta? Necesito algo como onPostRender/afterRender para inicializar el componente select2 cuando el DOM esté presente algo después del método createInput
ClaudeCode
Gracias por informar de esto, @iteniel. Excelente pregunta sobre [PREGUNTA]: Integra el elemento select2 UI en los rasgos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemento puede ser arrastrable, soltable y resaltado, pero según el código inferior alguna parte del código no funciona. Por favor, ayudadme ! imagen solo la clase banner CSS empujada, p...
artf
En la definición de tu modelo component, usas 'content: config.template' pero debería ser 'components: config.template'
Palash-Mandal
Hola @artf, He buscado la solución, pero hay algunos problemas con los componentes. El componente hijo H2,H3 y Link presionaba para todos los demás componentes. Si suelto un componente de columna, esos elementos hijos también se empujan de...
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre elementos hijos que no se pueden arrastrar y que se pueden resaltar soltando. también el CSS de todos los elementos hijos que no se han subido en la sección de estilo mient...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
artf
Gracias @moises-flowize, eso se corregirá en la próxima versión https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
ClaudeCode
Gracias por informar de esto, @moises-flowize. El problema con Command core:component-enter que no funciona en todos los casos parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...