Hola, he notado que algunos componentes de formulario (como casilla de verificación, radio y select) no funcionan cuando GJS se inicializa con el plugin Preset Webpage, como en el ejemplo siguiente: También puedes confirmar este problema con la Demo de la página web en línea https://grapesjs.com/demo.html Comportamien...
artf
Ah, vale, ahora lo entiendo. Sí, el plugin de formularios evita cierto comportamiento de entrada por defecto, así que es lo que se ha hecho lo intencionado. Estoy de acuerdo en que en el modo de vista previa esos comportamientos podrían re...
RJCAM
Hum... vale, lo intentaré, gracias por la ayuda :+1:
artf
Después de reconstruir el plugin, el comportamiento funciona como se esperaba, así que el problema se resolvió. ¿Quizá haya una razón por la que he hecho eso? 😅 Mediante un plugin, puedes simplemente extender esos componentes y sobrescrib...
Versión de GrapesJs: 0.16.18; Pasos para reproducirse:Añadir bloque de imagen, establecer cualquier imagen;Seleccionar el bloque añadido;Haz doble clic y cambia la imagen a cualquier otra imagen con un tamaño y/o proporción diferente. Resultado esperado: La imagen se actualiza, la posición de la barra de herramientas...
artf
Gracias por el informe, se corregirá en la próxima versión
He encontrado un error cuando arrastro y suelto el ratón fuera del componente. El componente se selecciona bloqueado como el resto de componentes. Tengo un vídeo con el bicho: https://recordit.co/rY5U9TmR7b
Versión GrapesJS: 0.16.18 Cliente: Windows 10 1909; Brave Chromium (último en el último momento) Comportamiento esperado: Debería ser posible desactivar el gestor de activos Comportamiento actual: El gestor de activos no está deshabilitado usando este código: '''js ... assetManager: { Upload: false }, ... ``` Código c...
artf
@mcottret correcto, pero si quieres desactivar también la apertura del modal Gestor de Activos puedes sobrescribir su comando de esta manera: '''js editor. Commands.add('open-assets', () => console.log('no hacer nada')); ```
mcottret
¡Hola @BerkeAras! No creo que haya una forma de desactivar completamente el Administrador de Activos, pero deberías poder desactivar la adición de imágenes. Poner la opción de 'subir' a 'false' solo desactiva la subida de imágenes, pero no...
Hola, Estamos utilizando algunas funciones de plantillas de Twig en nuestra implementación de grapesjs. como: {% if variable == "valor" %}<b>texto</b>{% endif %} Pero debido a la función toHtml() en src/dom_components/model/ComponentTextNode.js esto se convierte en {% si variable == "e;value"e; %}<b>text</b>{%...
artf
Sí, claro, puedes ampliar el componente 'textnode' y usar tu función toHTML
Hola @artf, Para arrastrar libremente, usamos 'dragMode: 'translate''. Cuando movemos todos los componentes de abajo a superior, queda un espacio en blanco al final de la página y el navegador muestra desplazamiento, aunque no tenemos contenido al final de la página. Ver captura de pantalla - Para entenderlo mejor, ta...
artf
Así es como funciona el modo 'traducir', el modo 'absoluto' no deja ningún espacio vacío
Este botón está actualmente desactivado por defecto. Así que tienes que encenderla cada vez, lo cual no es evidente para todo el mundo. ¿Cómo se activa de inmediato? ! imagen
mcottret
¡Hola @Enmaboya! Mirando la configuración predeterminada de Panels, debería estar activa por defecto. Si tienes una configuración personalizada de paneles, necesitas añadir la propiedad 'active: true' a la configuración del botón (como en...
Tengo un proyecto que requiere un formulario, actualmente uso el plugin de formulario, y cada elemento del formulario requiere un nombre. Aunque esto es un rasgo, ¿es posible requerir un rasgo y comprobar todos los nodos para determinar si cumplen con su requisito? Siguiendo mi ejemplo, se crearía un formulario donde...
artf
Lo que ves en la documentación es solo sobre el atributo requerido (por ejemplo, '<input ... required/>'), así que nada impide que el usuario almacene la plantilla. En tu caso, puedes crear una especie de comprobación antes de almacenar qu...
Hola de nuevo, :) Nuestro equipo podría haber encontrado un error usando la API del Gestor de Capas: cada llamada a 'component.viewLayer.isVisible()' parece devolver siempre 'true', independientemente de su estado real. Pasos para reproducirse:Abre la demoCambiar al panel de capasHaz clic en el icono del ojo para ocul...
artf
Sí, tienes toda la razón, la prensa es bienvenida :)
Hola, Consigo crear un nuevo tipo que contiene una imagen clickable. Pero, desafortunadamente, el nuevo tipo personalizado no es reconocido por el analizador HTML al importar. Aquí está mi nuevo código fuente tipo: 'Editor. DomComponents.addType('imagelink', { isComponent: el => { if (el.tagName === 'DIV' && (typeof e...
Lerdouille
Hola, Para que conste, cuando intento cambiar el retorno de isComponent, con un tipo definido en un plugin como este : 'isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imageli...
Lerdouille
Otra curiosidad que podría ser lógica... Si intentara poner una función exótica isComponent así: 'if (el.tagName === 'ABCDE') { return { type: 'imagelink' }; }` Y cuando intento importar este texto html: '<abcde>prueba</abcde>' El plugin d...
artf
Creo que te estás perdiendo el sentido de los componentes. Tienes uno personalizado ('imagelink') y luego uno interno ('img'), así que el editor lo muestra y no veo problemas aquí. Para ver los rasgos del componente personalizado tienes qu...