Hola @artf he instalado Grapes JS a NPM [ "Grapesjs": "^0.15.9"] y estoy usando Vue con Grapes Js, aquí está mi código ------------------------------------------------------------------------------------------------------------ importar uvas de 'uvas'; importar 'grapesjs/dist/css/grapes.min.css'; exportar default { da...
pouyamiralayi
@raghuv9 Crear un componente personalizado de Vue para Grapesjs: y para usarlo realmente: Consulta este repo para más información. ¡Salud!
Tengo un problema para reemplazar un componente en la misma posición (arriba/izquierda), el nuevo componente siempre se añade en las posiciones arriba: 0px / izquierda: 0px; Estoy probando algo así: '''js const selectedComponent = editor.getSelected(); const coll = selectedComponent.collection; const at = coll.indexOf...
artf
El código, más o menos, parece aceptable, asegúrate de comprobar que 'styles' contiene las propiedades de posición (y el componente también tiene la posición absoluta). Si aún no funciona, intenta crear una demo reproducible, por favor
Hola equipo, Soy nuevo en Grapejs y un poco más fresco en JS. Lo que tengo que lograr => Tengo que hacer que el contenedor se muestre en iframe que estoy cargando para la vista previa => La sección de bloques debería estar fuera del ioframe en la página principal, desde donde arrastraré y soltaré el bloque dentro del...
pouyamiralayi
@Atmiya735 echa un vistazo a esta sección de violín que utiliza un diseño personalizado para la sección de bloques. ¡Salud!
Atmiya735
Gracias por la ayuda, pero quiero implementar la sección de contenedores en iframe y la sección de bloques fuera del iframe, y aún así quiero conseguir la función de arrastrar y soltar en ella. Por favor, ayúdame con esto
pouyamiralayi
@Atmiya735 si te fijas en el violín proporcionado, la sección de bloques está fuera del iframe. ¡Salud!
Hola, Estoy intentando implementar varias páginas. Con varias páginas, me gustaría compartir el encabezado y el pie de página entre todas las páginas para mantener la coherencia, así que creo que la estrategia es guardarlas por separado. ¿Es esto posible? ¿Algún consejo?
hellocaio
Esto es lo que estoy pensando: const html = $(editor.getHtml()); encabezado const = html.find("encabezado").html(); const footer = html.find("footer").html(); Pero no me gusta que esté usando jQuery :/.... ¿Alguna solución a esto?
artf
No estoy seguro de que sea buena idea separarlos de esa manera. Probablemente el mejor enfoque sería tener algo como "Symbols" para mantener los componentes sincronizados, pero aún no está implementado en GrapesJS. Por ahora, te sugeriría...
Por ejemplo, tengo una imagen componente que se envuelve en div. Quiero estilizar la imagen con múltiples propiedades (posición horizontal, radio de borde, etc.) Al actualizar la posición horizontal, es necesario actualizar el elemento actual - div Cuando se actualiza el radio de borde, hay que actualizar el elemento...
pouyamiralayi
@obrazkow Puedes acceder al padre así: 'component.parent();' y para los hijos: 'const collection = component.components();'Además, tengo un problema enorme con el Trait, no puedo actualizar el SRC para IMG. ¡Salud!
pouyamiralayi
Con tu rasgo de solución no conozco el valor src y la entrada estará vacía en la fase de edición inicial. ¡No entiendo de qué hablas!¿Qué opinas de mi solución con el objetivo de sobreescritura en el método init? Estás tratando un caso de...
obrazkow
@pouyamiralayi eso es exactamente lo que hice, pero con esa solución los componentes seleccionados tienen atributos o estilos que solo necesitan un componente hijo.
Estoy usando editor y generando una cadena html y guardándola en un archivo. Pero antes de guardar tengo que codificar todos los caracteres &, < >. Por favor, ayudadme
pouyamiralayi
@suchiitsme ¡Salud!
artf
En la próxima versión, evitaremos los caracteres HTML https://github.com/artf/grapesjs/pull/2446
Intenté reproducir esto en tu demo y no pude, pero tengo un problema muy extraño. Esperaba que pudieras indicarme la dirección correcta al depurar esto. En cuanto guardo el html en localStorage y actualizo la página (verás una breve pausa en la pantalla de pantalla), grapesjs mágicamente añade "-2" a cada id del html....
artf
Solo debería ocurrir cuando añades un HTML que contiene un ID ya definido, así que el editor lo incrementa para evitar conflictos. ¿Seguro que no añades el mismo contenido dos veces? En cualquier caso, la función que realiza la comprobació...
artf
¿Usas la última versión?
kickbk
@artf, sí, lo hago. 0.15.9, aunque es igual con versiones anteriores. Intenté eliminar todos los plugins para mantenerlo todo muy limpio, pero sigo recibiendo esto en cuanto se genera localStorage. ¿Alguna idea de por qué o dónde podría ge...
Tengo una pregunta. Cuando se añade la propiedad css a la configuración de StyleManager, por ejemplo, añado color y pongo los valores predeterminados en verde (solo para comprobar): 'nombre: 'Tipografía', abierto: falso, buildProps: ['color'], propiedades:[{ nombre: 'Color de fuente', propiedad: 'color', valores prede...
artf
Hola @angyLe el gestor de estilos simplemente crea propiedades, de una forma "ciega", y algunas de sus propiedades no afectan directamente al destino (componente/regla). En este caso, los 'valores predeterminados' son más bien una pista pa...
angyLe
No quería que las propiedades fueran diferentes a las especificaciones. Solo quería establecer el valor por defecto para las propiedades existentes. Por ejemplo, quiero que el ancho del cuadro de texto sea de 100px, así que cuando se añade...
balchen
@artf lo siento, no he entendido tu respuesta (@angyLe y yo trabajamos juntos para implementar grapesjs en nuestro sistema, así que sé cuál era la pregunta). Cuando leo tu respuesta, tengo entendido que estás diciendo lo siguiente: 1) los...
Estoy usando las versiones con fuelle. "uvapesjs": "^0.14.62", "grapesjs-preset-newsletter": "^0.2.20", Creo que estas son las últimas versiones disponibles en npm. Estoy recibiendo el error indefinido. Ves en tus publicaciones anteriores que la versión era incorrecta, pero creo que la mía está actual.
Estoy usando Esto funciona, pero solo para bloques que se añaden o arrastran y soltan manualmente al editor después de inicializarse. Si aportamos 'components' cuando llamamos 'grapesjs.init({..., components: [..]})', los componentes definidos en 'componentes' no tienen los rasgos. ¿Cómo podemos aplicar rasgos también...
artf
actualmente hay un problema para almacenar tipos personalizados a menos que estén definidos dentro de un plugin. No hay problema 😬, solo necesitas cargar tipos personalizados antes del contenido y usar plugins es la única formano puedo añ...
varadero
Así es como puede reproducirse:Ve a https://jsfiddle.net/nwsy6mv1/3/Bloques abiertos y colocación del bloque de "1 columna"Haz clic dentro de la columna y ve a "Configuración"Verás el desplegable de rasgo con la etiqueta "Etiqueta de rasgo...
pouyamiralayi
Hola @varadero por favor define tu tipo personalizado como un plugin. ¡Salud!