No sé por qué, Pero de repente, cuando empiezo a arrastrar componentes a un lienzo, me sale esto: ! imagen Esto parece ocurrir cuando edito una plantilla, la guardo y la vuelvo a cargar. También parece ocurrir cuando intento arrastrar un nuevo componente al ÚLTIMO elemento de la página; si intento arrastrar un element...
andrewryan1906
Aquí va otra pista... una vez que el lienzo "se rompe" (lo cual puedo hacer de forma fiable actualizando la página y forzando una carga... este comportamiento no ocurre en plantillas nuevas, solo cuando la plantilla se carga desde mi almac...
andrewryan1906
Vale, Conseguí incluir grapes.js en mi proyecto de Angular y consultarlo en lugar de la versión miniaturizada, para poder entender mejor lo que está pasando. El problema parece estar en Sorter.js. El método findPosition tiene la tarea de a...
Hola a todos, Estaba intentando añadir un nuevo plugin a grapejs dentro de mi proyecto Angular. Requisito: Nuevo plugin con nombre como Producto. Cuando el usuario suelta el Product Plugin en HTML, debería abrirse un modal donde el usuario pueda escribir algunos atributos y una búsqueda de autocompletado donde el usua...
pouyamiralayi
@sukheja-varun añadir cualquier evento al nuevo plugin Dentro de tu plugin, primero debes definir un componente de tipo personalizado: Luego define un nuevo bloque que utilice nuestro tipo de componente personalizado previamente definido:...
Hola Art, Parece que hay un problema con el atributo Clases en el gestor de estilos, un signo Giant plus se muestra solo, ya sea que lo use localmente desde mi copia o en tu demo. Versión: Más reciente a esta fecha Navegador: Mozilla SO: Ubuntu 18.04 Bug: Giant + en el gestor de estilo ! bicho Hola Art, solo una actua...
artf
Ok, gracias por el informe, los ajustaré en la próxima versión, por ahora puedes usar este CSS como solución temporal: '''css .gjs-clm-tag-status, .gjs-clm-tag-close { ancho: 12px; altura: 12px; } .gjs-clm-tags-BTN { Ancho: 24px; } ```
senchden
Puedo confirmarlo en Firefox 72 y MS Edge 44.18362.449.0. Probado con la demo de la página web versión 0.15.10. Varios iconos de vista tienen un tamaño incorrecto: ! imagen
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
Estoy teniendo un problema con los Rasgos, me pregunto si podría ser un error. Cuando actualizo el rasgo fontColor o fontSize, los otros rasgos se reinician. Vídeo: https://www.loom.com/share/6a40830699ad4c4590363f2641a07eac Código: https://github.com/msantore/vue-builder/blob/master/src/plugins/materials/components/i...
pouyamiralayi
@msantore estás usando ''setStyle'', que anulará los estilos anteriores. Úsalo como a continuación: ¡Salud!
msantore
Eso lo solucionó, ¡gracias!
artf
También puedes usar 'addStyle({ color: '${value}' })' que hace lo mismo
Quiero revisar todos los tipos de componentes existentes y añadir un rasgo a los valores predeterminados del modelo > y no consigo averiguar cómo hacerlo. Según la documentación, debería poder (en mi plugin): Pero esto anula el array de rasgos, lo que elimina los rasgos existentes, que no es lo que quiero. Mi siguient...
pouyamiralayi
@andrewryan1906 para extraer los rasgos por defecto: Así que la definición de tu rasgo sería la siguiente: ¡Salud!
Estoy usando la última versión, 0.15.9, ¡y soy nuevo en este fantástico proyecto! Actualmente estoy aprendiendo mucho, empezando desde cero. Por favor, decidme si prefieres este tipo de preguntas en Stack Overflow u otro sitio. Estoy intentando exportar/importar el contenido por mi cuenta, sin usar la API de "Almacena...
electrotype
Creo que lo conseguí usando: Entonces: 'let export = editor.store();' Y: 'importFrom(export);' Dicho esto, no me parece del todo "correcto". ¡Me gustaría una versión de las funciones donde puedas especificar directamente el objeto Json exp...
artf
Usar almacenamiento personalizado es en realidad la mejor manerame gustaría una versión de las funciones donde puedas especificar directamente el objeto Json exportado. Bueno, nadie te limita a actualizar tu exportToLoad
Cuando creo un nuevo Componente Dom, le pongo un nombre en la sección de "valores predeterminados", como: '''js domComponents.addType(''ugly-type-name', { modelo: { Predeterminados: { etiquetaNombre: 'componente', nombre: 'Foo Bar', <----- atributos: { 'component-id': component.id }, Rasgos: [{} ] } }, ``` Cuando el c...
pouyamiralayi
@andrewryan1906 por favor, define tu tipo de componente dentro de un plugin. ¡Salud!
He notado que en todo el lienzo "Caja" es el término para el contenedor por defecto. Me gustaría cambiar eso Encontré la función de estrategia de customLabel en el lienzo; Eso funciona, pero en cuanto lo implemento, pierdo el comportamiento por defecto de etiquetar en el resto del diseñador de plantillas. No quiero es...
artf
Puedes hacerlo actualizando la cadena i18n '''js grapesjs.init({ ..., i18n: { mensajes: { en: { domComponents: { Nombres: { '': 'Contenedor responsivo', // por defecto tiene una tecla vacía } } } } } }) ```
andrewryan1906
¡Excelente! Gracias.
andrewryan1906
Oye... Esto funciona, pero anula todos los demás nombres. ¿Cómo puedo anular solo ese nombre?
Para empezar, gran trabajo en un proyecto increíble. No puedo creer que esto exista. Vale, he pasado los últimos días revisando la documentación y ahora estoy empezando a construir mis propios componentes. Sin embargo; para el diseño de plantillas, quiero que mis componentes se rendericen de forma diferente. Veo que p...
andrewryan1906
De hecho, descubrí el problema a mitad de escribir la publicación, pero decidí terminarla y dejarlo aquí por si alguien se encontraba con esto. Los estilos usados para paneles, bloques, etc. no se aplican a los estilos dentro del lienzo, y...