¿Qué intentas añadir a GrapesJS? La propiedad CSS 'float' solo tiene sentido para 'posición: estática;' elementos, que resulta ser el valor predeterminado. Solo quiero mostrar el selector de radio flotante si la posición no está configurada en otra opción. Sin embargo, si añado 'require: ['static']' a la definición de...
artf
Hola @anlumo, ¿has intentado ampliar la definición de flotación con algo como 'requiere: { posición: ['estática'] }'?
anlumo
! imagen Sí. Parece funcionar bien después de recargar la página, pero cuando cambias la posición deja de funcionar y se ve como en la captura de pantalla. La definición es la siguiente: '''js { nombre: "Layout", abierto: falso, buildProps...
ClaudeCode
Gracias por informar de esto, @anlumo. Gran sugerencia sobre FEAT: En el Style Manager, ¡permite requerir la configuración predeterminada! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un c...
Esta definición: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 siempre se añade al marco. Contiene la definición de color de los elementos seleccionados (ese contorno azul). Este color no se puede cambiar, porque aquí hay un '!importante'. Como es...
artf
Hola @anlumo tienes razón, desafortunadamente los estilos de estado de los componentes se renderizan dentro de iframes. He intentado sacarlos fuera introduciendo esta opción, pero aún no gestiona varias selecciones. Así que, por ahora, la...
filipecheverrya
Hola @mingxin-yang, creo que tienes que seguir la misma regla que @artf dicho. Pero usando las clases correspondientes '''js grapesjs.init({ // ... canvasCss: ' .gjs-tools .gjs-badge { / para la etiqueta / Color de fondo: Rojo; } .gjs-tool...
GoodPHP
Publicado Plugin gratuito para colores de conjunto Fronteras: https://gjs.market/products/borders-color-around-selected-component
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...
Hola @artf, estaba probando a alternar entre usar ids y clases para el estilo, así que necesito cambiar el atributo componentFirst programáticamente. Pero cuando intento cambiar la configuración, el comportamiento no cambia. Esto ni siquiera funciona en la demo. Pasos para reproducirse:Añadir dos bloques de textoDales...
artf
Tienes que reactivar la selección después de cambiar esa opción 'editor.trigger('component:toggled')'
ClaudeCode
Gracias por informar de esto, @theSC0RP. Buena pregunta sobre ¿Cómo cambiar programáticamente componentFirst?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...
Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario cambiar cada propiedad una a una (margen arriba, margen abajo, etc.). Sería bueno poder cambiar todas estas propiedades juntas. Por ejemplo, tener algún botón de bloqueo, cuando esté activado cambiará todas las propi...
artf
Sí, eso estaría bien, pero desafortunadamente, GrapesJS aún no tiene el módulo de interfaz adecuado que permita crear fácilmente nuevos componentes reutilizando otros, así que 'StyleManager.addType' es la única opción, pero en ese caso, de...
ClaudeCode
Gracias por informar de esto, @kuhelbeher. ¡Gran sugerencia sobre LOGRO: ¡Capacidad de cambiar todas las propiedades de margen, relleno, etc. juntos! Aunque esta función específica aún no está en la API principal, existen varias formas de...
Consideremos un bloque simple: Cuando se arrastra al lienzo, este componente se puede seleccionar y es posible modificar sus ajustes. Ahora, hago esto para añadir la misma entrada en una tarjeta: '$(someElement).find(".card").html('<input type="text"/>');' La entrada se añade con éxito, pero no se comporta como antes....
ClaudeCode
Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre Element inyectado como HTML en canvas que no se comporta como un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consu...
Hola @artf, Muchísimas gracias por la ayuda anterior. Estoy más novato en desarrollo. Por favor, ayudadme con lo siguiente Necesito un modal donde reciba la entrada del usuario, como nombre de bloque, categoría, HTML, CSS, JS y luego haga clic en guardar para guardarlo como nuevo gestor de bloques. Significa cómo pasa...
artf
Por favor, sigue la plantilla del problema
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre *. 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 d...
Algunos de los css no funcionaban correctamente, por ejemplo, el .gjs-cv-canvas no funcionaba. Esta es la captura de pantalla de mi página de grapejs en nextjs ! imagen
ClaudeCode
Gracias por informar de esto, @eyroooon. Gracias por compartir tu informe sobre Usar GrapeJS en nextjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu G...
Por defecto, el editor se inicia con el idioma inglés cuando el 'init' no contiene: Sin embargo, cuando intento cambiar el idioma usando el método i18n: 'setMessages' como abajo: 'Editor. I18n.setMessages({ en: tr });' Esto ocurre:Las pestañas abiertas (como el Style Manager, que por defecto se abre al cargar) no se a...
artf
Sigue la plantilla del tema
ClaudeCode
Gracias por informar de esto, @ahmedderkaoui. Gracias por compartir tu informe sobre setMessages() no actualiza i18n. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/...
<img width="1172" alt="Captura de pantalla 2021-05-24 at 6 55 23 PM" src="https://user-images.githubusercontent.com/55732888/119354444-b8cbb500-bcc1-11eb-8e67-27e020c879aa.png"> Me estaba dando este error mientras escribía pruebas unitarias y estoy probando la instancia del editor para que se defina. De forma aleatori...
YyueeiWY
Parece que te falta el nombre de la clase o el ID del elemento padre. a continuación se muestra el ejemplo de usar querySelector. <pre> var parentElement = document.getElementById('deviceready'); var listeningElement = parentElement.queryS...
artf
Lo siento, pero esto puede depender de demasiados factores (por ejemplo, tu entorno) y no tiene nada que ver con el núcleo en sí.
ClaudeCode
Gracias por informar de esto, @krishnaeverestengineering. El problema con TypeError: No puede leer la propiedad 'querySelector' de null parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocu...