Hola a todos, ¿Cómo puedo obtener datos de formularios en grapesjs? He dejado un formulario en Canvas como puedes ver abajo ! 4444444. Así que hay una propiedad de acción, como se mencionó en la instantánea anterior, cubierta por un rectángulo de color rojo. Tengo valor de Put y Acción. Así que donde puedo definir est...
AshishTiwariMEAN
Hola equipo, Necesito tu sugerencia sobre lo mismo porque necesitamos usar un constructor de formularios en nuestra aplicación para poder personalizar fácilmente nuestro formulario y también necesitamos obtener la entrada de los usuarios....
artf
Si quieres definir la acción antes de eliminar el formulario (por ejemplo, definido en el bloque) solo tienes que especificarlo como un atributo '<form action="tu/end/point" método="POST">'
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, Estoy intentando usar Grapejs con contenido dinámico. Lo que quiero conseguir es, como en WordPress, tener códigos cortos / etiquetas HTML personalizadas cuando exporte HTML. Así que aquí va un ejemplo de lo que quiero decir: '''html <!-- dentro del editor — > <div data-type="mi-component">Mi contenido component...
artf
@Geelik puedes establecer el 'tagName' en la definición de Componente
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, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí están los pasos a seguir:Arrastro y suelto un componente de textoCambio el estilo (color en verde, peso, tamaño, etc...)Lo duplicoCambio el color en rojo PERO el componente original...
artf
Hola @hpruvot me gustaría decir que, al principio, si clonas un componente con una clase y la cambias, ves cambios en ambas, esto es porque así funcionan las clases. Si quieres evitar que el editor cree clases por ti, usa esta opción: '''j...
hpruvot
Perdona, me he perdido esa opción, gracias 👌
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: Estoy intentando evitar que se seleccionen elementos hijos para que solo se pueda seleccionar al padre superior (para evitar eliminar hijos y solo poder trabajar con bloques enteros). Creé un componente que define al padre con un falso seleccionable y propaga: ['seleccionable']. Esto funciona bien, pero, por sup...
artf
¿Hay alguna forma de añadir selectable: true al padre y propagar un valor falso? Diría que la única forma es crear un envoltorio en el centro: '''html <parent> <-- seleccionable <div data-gjs-selectable="false" propagar..> <-- no seleccion...
imanubhardwaj
También me enfrento a este problema, donde he creado componentes personalizados con la imagen envuelta dentro de una <a> etiqueta, y cuando hago clic en el componente, se activa clic en etiqueta de imagen en lugar de clic <a> en etiqueta....
Hola, Estoy usando la biblioteca grapesjs versión 0.14.33. He creado algunos componentes personalizados y he notado que al eliminar los componentes el panel de Rasgos no se limpia. Por ejemplo, cuando el lienzo se carga y no se selecciona ningún componente, el panel de Rasgos no muestra ningún rasgo. Los rasgos se mue...
artf
Vale, gracias por el informe. Lo arreglaré en la próxima versión
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.
@artf quiero actualizar la altura del elemento y quiero dar una altura personalizada usando el siguiente código ! altura Funciona bien y actualiza el estilo de modelo seleccionado, pero no actualiza el valor de entrada de propiedades. ¿Cómo podemos actualizar los valores de entrada también mientras actualizamos el est...
artf
Por ahora, usa este 'editor.trigger('component:toggled')' y quizá algún día lo haga actualizar automáticamente
YashPrince
@artf he usado ` pero no actualizó el valor del campo de altura en el panel izquierdo.
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, he conseguido contener div id="gjs" dentro de otro contenedor de div con el menú izquierdo y el menú superior. Funciona bien, pero hay un problema. Cuando hago clic en el selector de color para cambiar el color de fondo, sí aparece fuera de la pantalla. ¿Cómo puedo arreglarlo? ! imagen ! imagen
alfaalex81
He definido la posición exacta sobre la definición del selector de colores, por ejemplo
thanhpd56
@alfaalex81 gracias por tu ayuda. Solucioné el problema haciendo que sus padres fueran posicionados en estática para que la posición absoluta del selector de color se alineara con la raíz (ventana de vista).
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.
perdón por preguntar de nuevo, realmente quiero saber cómo configurar el módulo independiente no se arrastra a otros módulos, igual que los bloques integrados en grapedrop.com。 ¡Espero con ilusión la modificación específica del módulo de código, gracias!
momu-2016
ayuda~~~~
artf
Al final de esta https://grapesjs.com/docs/modules/Blocks.html encuentras un ejemplo de bloque de fila que hace exactamente lo que necesitas usando las propiedades 'droppable'/'arrastrable' de Component
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! Probablemente este problema ya esté publicado, pero no entiendo en qué me equivoco. Yo uso estos tres parámetros en init GrapesJs. Me gustaría que GrapeJs no editara css preexistente, sino que solo creara el suyo propio. ¿Es posible? ¡Gracias!
alfaalex81
Por ejemplo, tengo este código en Canvas GrapesJs añade a CSS esta clase Esta regla modifica todos los elementos con esta clase, es una clase bootstrap genérica que usamos en todos los sitios.
artf
@alfaalex81 no puedo reproducirlo, por favor crea una demo en directo
alfaalex81
https://jsfiddle.net/ugc1otnk/ En el ejemplo en el que cambio el color de fondo en la primera columna, GrapesJs establece el atributo css en la clase externa "col-md-6", que es el nombre de una clase bootstrap. Prefiero la clase de Grapesj...
Hola @artf, Tengo un problema con el gestor de deshacer y he comprobado que también está en tu página de demostraciones. El problema es que el administrador de deshacer también cuenta el evento cuando hacemos clic fuera de la sección de editor como en el botón de capa, el botón de estilo, el botón de bloquear o cualqu...