Hola @artf Tengo un bloque en el gestor de bloques como Según el script anterior dentro del bloque, quiero añadir contenido HTML dinámico mientras este bloque se renderiza en la interfaz. Sé que no necesito cambiar de DOM. Pero necesito cambiar usando el modelo, aunque no sé cómo puedo cambiarlo usando el modo por id/...
artf
No hay @AkibDeraiya123 si intentas acceder al modelo desde el 'script' significa que has malinterpretado totalmente su concepto; por favor, lee con atención aquí https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 'script' e...
AkibDeraiya123
Gracias por la respuesta @artf , ¿Entonces significa que no puedo cargar contenido dinámico en bloques mientras se renderiza en el editor? Si es así, ¿cómo puedo? ¿Puedo reemplazar el HTML de todo el bloque por 'this.innerHTML = 'Nuevo con...
artf
Por supuesto que puedes, pero no a través de la propiedad de 'script'. Tienes que crear un componente personalizado y actualizar allí su modelo
llamada Ajax que está subiendo el archivo de imagen en la carpeta assests Funciona bien añadir una imagen desde el local local. Pero en otro escenario, no funciona. Por favor, échale un vistazo Bloque de imagen arrastrado Seleccionar una imagen Borra esa imagen Añade la misma imagen de nuevo en el mismo lugar, la func...
artf
Tenemos que borrar la entrada del archivo una vez seleccionada la imagen
Shah-ali
¿Cualquier pista, por favor? ¿Cómo borrar la entrada de archivos?
Había estado usando eventos del editor y noté que el evento 'component:mount' se activa varias veces cuando un componente se arrastra de bloques a lienzo, puedes confirmarlo en tu JSFiddle Starter. '''javascript editor.on('component:mount', component => console.log('mounted', component)) ```
artf
@ateebahmed por favor, no abran problemas así. Sigue la plantilla
ateebahmed
Vale, lo volveré a abrir
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 seleccionar mi componente cada vez que se arrastra de bloques a canvas y se renderice, he intentado registrar eventos en 'component:add', 'component:mount' y llamar a 'editor.select(component)', pasando el componente que obtengo desde la callback, pero no se inicializa correctamente o le faltan propiedades, com...
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.
Estoy usando eventos del editor para obtener componente tras alguna acción como 'component:añadir', 'bloquear:arrastrar:detener', pero en ambos eventos no puedo conseguir el componente que arrastré en el lienzo. cuando llamo a 'component.is('my-component-type')', da false, necesito realizar acciones basadas en su tipo...
artf
Estás haciendo algo mal, funciona como se espera aquí https://jsfiddle.net/nfkha41p/ La próxima vez, crea primero una demo reproducible y luego abre un número...
ateebahmed
En realidad no puedo producirlo con componentes integrados, pero estoy usando un componente personalizado que extiende el componente de texto por defecto, pega el código porque no pude encontrar qué propiedad poner para obtener el tipo de...
naveen-15697
Estás haciendo algo mal, funciona como se espera aquí https://jsfiddle.net/nfkha41p/La próxima vez, crea primero una demo reproducible y luego abre un número... @artf Aquí, cuando arrastro un primer componente, recibo tres alertas. Pero so...
Visita https://grapesjs.com/demo.html en Chrome IncognitoHaz clic en el elemento "Cabecera"Haz clic en Decoraciones > FondoEliminar la capa 2Haz clic en la capa 1Haz clic en "x" para borrar la imagen de fondo moradaObserva el error "GET https://grapesjs.com/none 404" en la consolaHaz clic en "Imágenes"Intento añadir c...
NicoEngler
Puedo confirmar https://grapesjs.com/none 404 en el paso 7 probado en Chrome 72.0.3626.119 tanto en modo normal como en modo incógnito.
NicoEngler
@artf no puedo, añadir imágenes funciona (tanto en modo normal como en modo incógnito).
ryancwalsh
Actualización: Acabo de intentarlo de nuevo en Windows 10 Chrome Incognito Versión 72.0.3626.121 (Versión Oficial) (64 bits) usando mis pasos originales anteriores. Esta vez, el error de consola dice 'No se ha podido cargar el recurso: el...
Hola, He usado changesCount para redimensionar el editor si ocurre algún cambio en el lienzo. Pero cuando selecciono cualquier elemento en canvas como hacerlo, hacer clic en cualquier div en canvas aumenta changesCount y el editor lo redimensiona. Así que quiero desactivar changesCount al seleccionar cualquier element...
artf
No, no puedes desactivarlo
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.
Soy nuevo en Grapejs, ¿puedes ayudarme a importar HTML a Grapesjs? Ya he creado plan html y css en VSCODE, pero no sé cómo importar. ¡Gracias
artf
https://grapesjs.com/docs/getting-started.html
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.
Si quiero limitar el tamaño de una imagen solo a dimensiones específicas, ¿cómo puedo hacerlo? ¿También es posible activar el redimensionamiento solo desde la esquina inferior derecha y desactivarlo desde las otras esquinas y puntos?
artf
¿Cómo puedo actualizar estas propiedades si uso la página web grapesjs-preset? Siempre puedes actualizar un tipo de componente (pero hacerlo como un plugin) '''js editor. DomComponents.addType('image', { modelo: { Predeterminados: { redime...
artf
Puedes usar estas opciones para la propiedad 'redimensionable' de los componentes
sakshigarg9
¿Cómo puedo actualizar estas propiedades si estoy usando la página web grapesjs-preset?
Hola, ¿Podemos añadir un bloque de lienzo? Intento y el editor crea siempre un <div> <canvas>alrededor. ¡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.