Siguiendo un ejemplo de docs. ¿Hay alguna configuración adicional para que se muestren nuevos rasgos para los elementos? El ejemplo que usa la entrada no se ejecuta, mis identificaciones se detectan pero no los atributos adicionales. '''js Prueba a añadir rasgos editor. DomComponents.addType('ol', { isComponent: el =>...
artf
Puedo ver tu ejemplo correctamente y todos los rasgos funcionan correctamente. ¿Eres capaz de crear una demo reproducible?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
ClaudeCode
Gracias por informar de esto, @alpha2k-io. Buena pregunta sobre añadir rasgos no los detecta el gestor de rasgos.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...
¿Qué intentas añadir a GrapesJS? Mejor soporte para Shadow DOM, que permite a los desarrolladores renderizar GrapesJS dentro de un elemento Shadow sin tener que pasar elementos específicamente en lugar de selectores en la configuración. Describe tu solicitud de función detallado Cuando actualmente se usan selectores d...
artf
Hola @AStoker no entiendo cuál es el verdadero problema con tu ejemplo (aparte de no cargar estilos GrapesJS dentro de tu dom de sombras). Si estás añadiendo shadow dom, obviamente no puedes hacer este 'contenedor: '#gjs'', pero aún puedes...
AStoker
El problema es que debo pasar elementos HTML por todas partes y no puedo usar selectores. Esto puede volverse engorroso de escribir, ya que ahora debo usar el selector de consultas del Dom sombra para cada viñeta, cada elemento, cualquier...
AStoker
Actualicé el JSFiddle para que veáis lo que tenemos que hacer para conseguir estilos dentro de Shadow DOM. Pero, desafortunadamente, el CSS que GrapesJS añade automáticamente existe en el cuerpo y contamina las hojas de estilo globales y e...
Soy nuevo en el mundo de las uvas, estoy intentando hacer los bloques en un estilo diferente al arrastrar por ejemplo, los bloques de imagen 1 - cuando no se arrastra o flota toma el estilo A. 2- cuando el estacionamiento toma el estilo B . 3- Cuando se arrastra, toma el estilo C (cuando está sobre el lienzo). ¿Alguie...
ronaldohoch
Quizá con estos eventos puedas hacerlo: https://grapesjs.com/docs/api/editor.html#blocks o https://grapesjs.com/docs/api/editor.html#canvas
artf
En tal caso, probablemente una interfaz de gestor de bloques completamente personalizada sea la única opción (por ejemplo, renderizada por tu propio componente BlockManager en Angular). Ya debería ser posible, pero preferiría tomarme mi ti...
hadeel94
En tal caso, probablemente una interfaz de gestor de bloques completamente personalizada sea la única opción (por ejemplo, renderizada por tu propio componente BlockManager en Angular). Ya debería ser posible, pero preferiría tomarme mi ti...
Versión: 0.17.4 El botón de rasgo con tipo no llama al comando en 0.17.4, que se usaba para funcionar antes de 0.17.3.Comportamiento esperado Al hacer clic en el botón, invocar el comando está definido en el rasgo.Qué está pasando Pulsar el botón no sirve de nadaEjemplo de jsfiddle Mando trabajando en 0.17.3 -> https:...
mosh-tudor
@maekawataiki Esto está arreglado, pero aún no se ha publicado - https://github.com/artf/grapesjs/issues/3497
ClaudeCode
Gracias por informar de esto, @maekawataiki. Buena pregunta sobre Trait Button Command que no funciona en la versión 0.17.4. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
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...
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...
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...
Versión: 0.17.4 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No ¿Cuál es el comportamiento esperado?Tras insertar un iFrame que el src se devuelve al usar 'editor.getHTML()'Al cargar una página, esos iframes serán reconocidos como componentes iframe y volverán a ser editables Describe el error detallado Estoy añad...
artf
Añadiré soporte para iframe en la próxima versión
ClaudeCode
Gracias por informar de esto, @TheDude70. El problema con iframe no guarda src / no reconoce iframes tras carga parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...
Hola, Por ejemplo, si añades un bloque de 3 columnas a una página y tratas de arrastrar una imagen muy amplia a cada columna, el contenido se estira y el exceso queda oculto. ¿Cómo añadimos una barra de desplazamiento vertical o forzamos al editor a limitar el tamaño visible de las imágenes cuando se arrastran hacia d...
artf
Esto es más un problema de diseño que puedes solucionar fácilmente añadiendo tu CSS a todas las imágenes, por ejemplo. 'img { max-width: 100%; }`
ClaudeCode
Gracias por informar de esto, @samichamoun. Buena pregunta sobre Las imágenes grandes hacen que el área del editor de contenidos sea inaccesible. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consult...
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...