Característica: La capacidad de crear varias páginas en Grapesjs. Diseño funcional A nivel global:[ ] Incluye un enlace a la derecha de 'Dispositivo [lista desplegable]' en el banner superior que diga 'Página actual: <page-name>'[x] Incluye un nuevo elemento del menú a la derecha de 'Bloques' en la columna derecha. El...
artf
El módulo Pages está ahora fusionado https://github.com/artf/grapesjs/pull/3411 y la nueva versión será lanzada pronto. Una demo sencilla usando la API de Pages: https://codepen.io/artf/pen/XWpJQoY
artf
Suena genial, me gusta mucho la idea de tener este como plugin, así que si crees que necesitamos añadir algo (por ejemplo, algún evento) para que funcione mejor, dímelo.
jrkd
Tengo el núcleo de esta funcionalidad funcionando en este arvo. @artf Avísame si esto sigue siendo deseado y dedicaré más tiempo a ello en enero. Nota para mí mismo, PENDIENTE: añadir/eliminar acciones de página, ajustes visuales, integrar...
Hola, Si arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? He puesto el modo arrastre en 'absoluto' (modo diseño) para que los usuarios puedan dejar un bloque libremente en cualquier lugar de las páginas con una imagen d...
artf
Lo siento, amigo, pero aquí respondo solo a tu pregunta principalSi arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se deja caer el bloque? '''js Bloque y compone...
inthismachine
@artf hay alguna forma de envolver <mj-text>xxx</mj-text> dentro de una sección MJ y una columna MJ si se cae ilegalmente? Como si el usuario intentara dejarlo caer sobre el cuerpo. La razón es que me gustaría añadir automáticamente un blo...
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Buena pregunta sobre Ayuda necesaria: ¿Conseguir el componente sobre el que se deja caer un bloque?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Con...
Versión: "0.16.30 ¿Puedes reproducir el error de la demo? [ x] Sí (la demostración del boletín de noticias) ¿Cuál es el comportamiento esperado? Los manillas de cambio de tamaño de imagen deben redimensionar la imagen sin hacer excepciones. Describe el error detallado Al hacer clic en cualquiera de los handles de redi...
artf
Gracias por el informe, se corregirá en la próxima versión.
ClaudeCode
Gracias por informar de esto, @craighaworth. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' pa...
Me gustaría reutilizar el selector de colores que se usa en GrapesJS. Tengo que usar un selector de color para algunos ajustes a nivel de proyecto. Estos ajustes son accesibles desde el editor GrapesJS. Me gustaría aprovechar el selector de color existente que se usa para rasgos como los colores de la fuente, etc. He...
artf
Actualmente, la única forma es usar esta API, no pública. '''js editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); ``` He empezado a trabajar en un nuevo módulo de UI para manejar situaciones similares (posibilida...
himedlooff
¿Hay alguna forma de mantener el selector de color pero configurar las opciones de Spectrum? Por ejemplo, si quisiera forzar los colores hexadecimales podría pasar '{ preferredFormat: "hex" }'?
ClaudeCode
Gracias por informar de esto, @stljeff1. ¡Gran sugerencia sobre ¿Cómo reutilizo el Spectrum Color Picker?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el...
Estoy intentando que los componentes no sean editables en el modo de vista previa. El siguiente código no funciona. Por favor, ayúdame a arreglarlo. editor; ngOnInit(){ this.editor = this.initializeEditor(); this.editor.on('load', () => this.editor.runCommand('preview')); this.editor.on('run:preview', () => { this.edi...
artf
Arregla tu función de esta manera '''js whenRunPreview(ed, type) { ed.getWrapper().findType(type).forEach(cmp => cmp.set({ editable: false })) } ```
ClaudeCode
Gracias por informar de esto, @niveth09. Buena pregunta sobre ¿Cómo hacer que los componentes no sean editables en modo previsualización?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...
double-click.pptx ¿Es posible que el parámetro "changesCount" no se incremente cuando solo haces doble clic en un componente? El parámetro "changesCount" se incrementa cuando haces doble clic y no se hacen cambios. He adjuntado un vídeo en el archivo pptx que muestra este comportamiento. Esto es reproducible en cualqu...
artf
Debería arreglarse en la próxima versión
ClaudeCode
Gracias por informar de esto, @marcepoblet. Buena pregunta sobre cambiosConteo incrementado, sin cambios aplicados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...
Hola, mi equipo desarrolló este bloque personalizado para GrapesJS. <img src="https://devfuture.pro/wp-content/uploads/2020/12/GrapesJS-Preset-Webpage-2020-12-16-00-35-02.png"> Aquí tenemos un ejemplo en vídeo: https://www.youtube.com/watch?v=ZDnWS0X145s ¿Qué opinas? ¿Te gusta? Nuestro servicio en GrapesJS: https://de...
ClaudeCode
Gracias por informar de esto, @GoodPHP. Buena pregunta sobre Custom Block para componente, ¿tu opinión?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...
Hola, He añadido un nuevo tipo de "array" al TraitManager. Así que puedo añadir varios subrasgos. En un punto tengo que comprobar los rasgos del modelo. Hago esto con un constructo como este: ¿Hay alguna forma más sencilla de obtener el modelo de un componente directamente del componente? Un cordial saludo, Michael
Stiggi
más sencillo de lo que pensaba :) 'editor.getSelected().defaults.traits'
ClaudeCode
Gracias por informar de esto, @Stiggi. Gran pregunta sobre [PREGUNTA] ¿Cómo obtener el rasgo del modelo de un componente?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...
¿Hay alguna forma a través de la API de cambiar la descripción emergente del componente seleccionado o eso solo se puede hacer editando el código fuente? Si es así, con la API, por favor discúlpame, ya que no soy lo suficientemente listo para poder cambiar el código fuente de forma efectiva y cada vez que intento hace...
artf
Hola, cuando defines un nuevo componente, puedes personalizar su barra de herramientas '''js ... modelo: { Predeterminados: { ... Barra de herramientas: [ { atributos: { clase: 'fa fa-arrow-up' }, comando: () => alerta('Hola') }, ... ], }...
anatoli-dp
Gracias, eso es de gran ayuda para algunas cosas que quiero añadir para mí Úsate. El martes 29 de diciembre de 2020 a la 13:01 Artur Arseniev <[email protected]> Escribió: Cerrado #3177 <https://github.com/artf/grapesjs/issues/3177>...
ClaudeCode
Gracias por informar de esto, @anatoli-dp. El problema con PREGUNTA/SOLICITUD DE FUNCIONALIDAD: Cambiar la descripción de componente seleccionado parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocur...
Versión: 0.16.30 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No Pasos para reproducir:Abre la consolaEjecutar 'editor.setComponents('', {avoidStore: true});'Ejecutar 'editor.setStyle('', {avoidStore: true});'El "Almacenado ..." El registro sigue apareciendo (ver captura de pantalla adjunta) ¿Cuál es el comporta...
artf
Gracias @mcottret la solución está lista para la próxima versión
artf
Desafortunadamente, debido a la mala denominación inicial, 'avoidStore' pretende saltarse el UndoManager y no el Storage 😁 La buena noticia es que tuve que introducir la nueva opción 'noCount', para arreglar el #3189, esto saltará el disp...
mcottret
¡Hola @artf! Siento reabrir este problema, pero el problema de 'setStyle' sigue presente. Repitiendo los pasos anteriores, el "Almacenado ..." log sigue apareciendo al llamar a 'setStyle' con la opción 'noCount'. Veo que el manejador modif...