Necesito limitar ciertos componentes dominantes a uno, porque causaría problemas cuando la página se publique, pero no consigo encontrar la forma de eliminar el componente dentro de su propio init(). ¿Hay alguna forma mejor? Ya que no parece sano borrar a alguien antes de que esté completamente creado. Gracias
artf
Tendría sentido trasladar esa lógica a un componente padre
Gracias por proporcionar este increíble framework y hacerlo de código abierto. Estoy buscando usar Tailwind con GrapesJS, pero por desgracia Grapesjs reemplaza "/" por "-" en el selector. ¿Es posible anular esto? Cuando intento arrastrar y soltar columnas responsivas en Canvas Los sustituye por: ¿Cómo puedo solucionar...
artf
#1703 esperando ayuda 😬
gavinhewitt
Gracias por proporcionar este increíble framework y hacerlo de código abierto. Estoy buscando usar Tailwind con GrapesJS, pero por desgracia Grapesjs reemplaza "/" por "-" en el selector. ¿Es posible anular esto?Cuando intento arrastrar y...
chrisreedtech
¿Cuál es tu progreso para que las uvas funcionen con Tailwind @inventorbit? ¡Me encantaría verlo! @artf, también tengo curiosidad por saber si hay algún avance en esto o alguna solución alternativa. ¡Gracias por tu tiempo para desarrollar...
Desde que empecé a usar el plugin de degradado, las imágenes de fondo están en la siguiente forma: imagen de fondo: -webkit-gradiente lineal(camino/a/image.png); ¿Qué debería hacer?
artf
Ya hay un problema abierto respecto al plugin de degradado #2068
Hola artf, Creo rasgos para un componente específico, cuando guardé este componente como JSON y lo cargué de nuevo en el editor, los rasgos se cargaron correctamente y no hay problema, cuando actualizo la versión de Grapesjs los rasgos solo aparecen por primera vez, cuando cargue el componente de nuevo existía el rasg...
artf
@alialrabi ¿Cómo defines los rasgos? ¿Bloques interiores o componentes personalizados?
alialrabi
@artf he creado rasgos en un componente personalizado como este domComps.addType('assetType', { model: dModel.extend( { init() { this.listenTo(this, 'change:type', this.doStuff); }, doStuff() { }, defaults: Object.assign({}, dModel.prototy...
artf
@alialrabi defines tu componente con un nombre 'assetType' pero en isComponent el tipo es 'asset'
Cambiar la hélice 'borde-abajo-izquierda' cambia el radio inferior derecho, y viceversa. Reproduciendo: Ir a https://jsfiddle.net/szLp8h4nAñadir, por ejemplo, cualquier imagenIntenta cambiar el prop 'borde-abajo-izquierda-radio' en la sección de Decoraciones Jugar con la configuración no ayudó mucho, el mejor solucion...
artf
Correcto, el orden por defecto actual es incorrecto, pero como el tipo 'compuesto' sigue el orden CSS de la propiedad de 'radio de borde', el resultado será exactamente igual al que has conseguido. Por si necesitas cambiar el orden de las...
Hola, Estoy buscando la forma correcta de cargar la plantilla, generada por GrapesJS, pero nada se carga. ¿Alguien puede comprobarlo? Quizá el formato no esté bien. https://api.myjson.com/bins/14o5yz No hay ningún mensaje de error, solo un editor vacío. Los datos se guardan en la base de datos con el siguiente código...
georgikolev7
El problema fue causado por datos JSON inválidos dentro de "gjs-components" al guardar, lo que rompió la carga posterior.
Así es como he creado un componente personalizado: Este es mi bloque personalizado: El caso es que he envolvido la etiqueta de imagen dentro <a> de la etiqueta cuando se renderiza en lienzo. Cuando hago clic en el elemento e intento arrastrarlo, solo <img> <a> arrastra la etiqueta y permanece en su lugar original. Dem...
artf
Con esto '''js Vista: { arranque: 'noDrag' }
artf
Bueno, veo dos soluciones diferentes para este caso:Fácil y rápido, haz que el componente 'personalizado-vídeo' no sea arrastrable, así que tienes que arrastrar al padre para moverlo. El pequeño inconveniente es más desde el punto de vista...
imanubhardwaj
Gracias @artf pero ahora surge un nuevo problema: cuando arrastro el componente envoltorio-personalizado por el lienzo, el personalizado-video no se arrastra con él, solo se <a> arrastra la etiqueta. Demo en directo
Hola a todos, Mi pregunta esta vez es que he añadido una nueva vista que contiene una galería de imágenes y me gustaría que funcionara como cualquier otra vista. Para ser específicos:cambiar a activo al hacer clic y mostrar el contenido de la vista mientras estás activo.mientras otras vistas están activas, ocultar el...
Amir2828
No sé si hay una forma adecuada de hacerlo. Finalmente conseguí crear este tipo de comportamiento con JS simple.
https://github.com/artf/grapesjs/issues/906#issuecomment-381403858 Necesito eliminar el contenido html de editor.getSelected(). Ahora estoy usando, Aunque uso selectedContent.set(''content', ''); elimina todo el html interno. Pero no eliminó la etiqueta de padre. Por ejemplo, Antes: '<h2 id="it4a"><p>Actualización de...
afdallah
¿Has visto esta respuesta de [#1077] (https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814) de @artf Creo que encaja con tu caso. '''javascript componente const = editor.getSelected(); const coll = component.collection; cons...
prabha-912
Sí, lo intenté @afdallah, devuelve el índice de Indefinido. Déjame intentarlo de nuevo. Gracias por tu respuesta :)
prabha-912
Hola @afdallah @artf he probado el concepto anterior. Funciona bien a la primera. Aunque intenté actualizar una segunda vez, no funcionó. ! índiceOf
¿es posible cambiar el estilo de clase (como color: blanco a color: rojo) en el rasgo, creo un nuevo tipo, quiero cambiar el estilo en el evento onChange. He probado a usar setcustomparsercss pero no funciona, gracias ! Screenshot_8
artf
Creo que buscas esto: https://grapesjs.com/docs/api/css_composer.html#setrule Por ejemplo, 'Editor. CssComposer.setRule('.my-class', { color: 'red' });'