Paso para producirArrastra el bloque de imagen al lienzo y selecciona fondo.Arrastrar el icono al lienzo.Haz clic en bloque de imagen y ve a la pestaña de estilo de fondo, haz clic en fondo y haz clic en el botón de imagen.Cuando se muestre modal, haz clic en cualquier imagen (no doble clic) y luego cierra modal.Ahora...
artf
Tienes razón, problema raro, lo revisaré más tarde. Voy a cerrarlo porque forma parte del producto Grapedrop y no del núcleo de Grapesjs, por cierto, gracias por el informe
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de WordPress y tengo una duda. Si en mi código uso un "shortcode" de WordPress, ¿cómo puedo previsualizar este shortcode en grapeJS dejando el código html sin cambios? ¡Muchas gracias
artf
No sé qué tipo de API permite WordPress para los shortcodes, pero si es posible, los renderizaría y los pondría dentro del editor como bloques
sandromattei
perdona, quizá me expliqué mal. Me gustaría insertar un shortcode en el código (por ejemplo, [mi shortcode param1 = valor1 parám� = valor2 /] y renderizar una salida html en su lugar (por ejemplo, <clase div = "param1" id = "param2">...
artf
Bueno, si necesitas hacer eso en tiempo de ejecución deberías crear un componente personalizado que en render haga una llamada asíncrona a Wordpress para pedir renderizar ese shortcode (de nuevo, no sé nada sobre la API de WP así que no es...
SO: Windows 10 x64 Navegador: Chrome 72.0.3626.121 x64 GrapesJS: v0.14.55 Hola, tengo algunos componentes personalizados (pestañas de arranque) en un plugin, por alguna razón algunos componentes del plugin no son detectados por GrapesJS al cargarlo desde los elementos del contenedor, y otros arrastrando y soltando en...
artf
Como ves, su tipo es 'div'... por eso nunca llega al otro tipo... Mira por qué y dónde se declara ese tipo
kaoz70
¡Vale, ese era el problema! Pensaba que el tipo 'div' era uno por defecto establecido por GrapesJS. ¡Gracias por toda la ayuda!
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un componente que contiene una función de script, parece que lo añade al lienzo antes de que se suelte. Y al dejarlo caer, añade otra vez, el guion. Si nunca sueltas el bloque y simplemente...
simplecommerce
Así que investigué y pensé que era el método 'updateScript' en la 'canvasView' el que se llamaba cada vez que se encontraba una propiedad 'script' en un componente, independientemente de si se arrastraba o no sobre el lienzo. Hice algunos...
simplecommerce
Mi solución anterior no funcionó, así que tuve que desecharlo y volví a abrir el problema.
artf
Hola @simplecommerce si crees que es un error, por favor abre un problema SIGUIENDO la plantilla y crea una demo en vivo reproducible del problema. Es muy importante porque, al no tener mucho tiempo libre, corremos el riesgo de perder gran...
Específicamente esto: https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type En primer lugar, el evento 'keyUp' hace referencia a 'onChange' cuando el nombre de la función es en realidad 'onChange'. Después, incluso si lo solucionas, 'this.model.get('value')' se evalúa a un valor en blanco/nulo cada vez q...
jwilson-lyonscg
Olvídalo. Estaba malinterpretando la sintaxis. No me había dado cuenta de que el 'onChange' y el 'onValueChange' son dos métodos diferentes y no relacionados, al parecer. No me queda claro exactamente qué hace 'onChange'.
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderizado personalizado. El comportamiento inesperado para nosotros es que cada vez que un usuario edita los estilos de un bloque, todos los bloques se actualizan con ese estilo, porque...
artf
En primer lugar, tu ejemplo/problema no tiene nada que ver con el renderizado personalizado en bloques (lo usarías para personalizar la interfaz de los bloques, no de los componentes del lienzo). Una solución es establecer esa clase privada
trivago-vgarcia
@artf ¡Gracias por la respuesta! Perdona, porque el ejemplo no era claro. Me pasa en todos los casos, quiero decir, incluso cuando están definidos en la plantilla por defecto, y no solo cuando se añade un nuevo selector. Así que usar 'sele...
artf
Ocurre en todos los casos, quiero decir, incluso cuando están definidos en la plantilla por defecto, y no solo cuando se añade un nuevo selector. Así que usar selector:add no arreglará todos los casos. 'selector:add' se activa incluso cuan...
Hola @artf, Estamos usando el bloque flexbox. El problema es que, cuando intentamos redimensionar la columna central, afecta a todas las demás columnas, como reducir automáticamente el ancho de la columna izquierda. Debería afectar solo a la columna derecha. Para crear este escenario, por favor añade tres columnas e i...
artf
Así es como se supone que debe funcionar la flexbox cuando redimensionas una columna central. Lo que intentas lograr es un poco diferente y requeriría otro tipo de implementación, así que te sugeriría crear tus componentes de red
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Me está costando crear un nuevo componente para un <button> elemento. ¿Qué me estoy perdiendo? ¿Hay algún fallo aquí? Funciona bien si lo cambio a un elemento '<input>':
jwilson-lyonscg
Vale, después de probar un poco más, parece que la estructura de los componentes es correcta, pero el bloque de botones no funcionaba correctamente. Así que el bloque de botones era así: Al arrastrar este bloque al lienzo, no se reconoció...
artf
Creo que el problema aquí es un malentendido de la clave de 'contenido'. Cuando declaras un bloque '''js editor. BlockManager.add('button-block', { // ... Contenido: { tipo: 'botón', Droppable: falso, atributos: { título: 'Hola', Tipo: 'so...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Quiero crear mis propias habilidades de arrastre y colocación. Me encantan grapesjs, pero realmente quiero tener más control sobre cómo funcionan los elementos arrastrados en el área de edición. ¿Hay alguna forma de desactivar el método incorporado para poder crear el mío propio? Sé que el modo diseñador está en la ho...
artf
Bueno, en el propio componente, cuando haces clic en mover icono, ejecuta el comando 'tlb-move', así que puedes sobrescribirlo añadiendo uno nuevo con el mismo ID, pero desafortunadamente no hay una forma sencilla de cambiar el comportamie...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Por ejemplo, Tengo un componente padre y este componente padre tiene 4 componentes hijos. Aquí, con la funcionalidad de rasgos, quiero mover el tercer componente hijo a la primera posición de forma similar. Puedo mover un componente de cualquier posición a la última eliminándolo de la posición existente usando compone...
artf
Usa 'at' como índice, en opciones, por ejemplo. 'component.append(comp, { at: 0 })' colocará el 'comp' como primer elemento
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.