¡Hola @artf! He creado un creador web usando GrapesJS. Quiero eliminar el botón de barra de ojo en modo vista previa y reemplazarlo por el botón de atrás. ¿Cómo hacerlo? Por favor, ayúdame.
robsonsobral
> sugeriría extender el comando original Vista previaGracias por responder @artf. ¿Existe alguna documentación o código de ejemplo sobre cómo extender un comando existente? https://grapesjs.com/docs/modules/Commands.html#extending
collindutter
@niveth09 aquí está el código para extender el comando de vista previa sin el botón de ojo:
artf
Sugeriría extender el comando original Vista previa
Hola, @artf. Tengo algunas preguntas sobre ganchos para el ciclo de vida de componentes. En mi aplicación, quiero hacer un seguimiento de las actualizaciones de todos los hijos de un componente y sus hijos, y así sucesivamente. ¿Cómo debería hacerlo?Las actualizaciones en hijos inmediatos se rastrean mediante el ganch...
artf
Crearía un oyente específico en el padre '''js Componente padre ... init() { this.on('cell-changed', this.doStuff) }
ClaudeCode
Gracias por informar de esto, @theSC0RP. Buena pregunta sobre ¿Cómo rastrear las actualizaciones de los componentes a lo largo del árbol?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...
Comportamiento esperado: cuando actualizo el valor del rasgo 'href', la imagen debe estar envuelta dentro de 'a' con el conjunto de valores 'href'. es decir, '<a href="google.com"><img src="/></a>' Comportamiento actual = ningún cambio se refleja Aquí tienes código para añadir rasgos La función anterior se activa con...
skbhagat40
No funciona, incluso si hago 'selectedElement.getTrait('href').set({value: 'fb.com', target: '_blank'})
skbhagat40
Creo que la vista de componentes no se actualiza, si repito la acción, está generando 'una etiqueta' con el valor anterior.
Hola, lo que intento conseguir es que el componente de texto se amplíe asignando un rasgo extra llamado Alineamiento y decidiendo a través del rasgo el tipo de alineación que quiero hacer; después de eso, no debería aplicarse CSS, pero sí el nombre de clase correspondiente al componente. ¿Hay algún ejemplo de cómo pod...
ThetripGr
Así que conseguí que funcionara después de unos intentos más, intentaré explicar cómo lo conseguí. Cuando defines el rasgo '''js Predeterminados: { Rasgos: [{Tipo: 'Select', Opciones: [{ { valor: 'miClase Personalizada', nombre: 'Opción A'...
artf
perdón por el formato, pero aún no sé pegar código formateado :P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
ClaudeCode
Gracias por informar de esto, @ThetripGr. Buena pregunta sobre Añadir nombre de clase a partir de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...
Hola Estoy intentando implementar un editor donde ciertas secciones de la página sean editables o droppables, etc. (es decir, una página mixta donde algunos elementos son dinámicos y otros no). Estoy teniendo mucho éxito usando los atributos data-gjs para bloquear este comportamiento generalmente en los elementos está...
mrobertshaw
Esto es de gran ayuda. Gracias por responder tan rápido y por vuestro producto fantástico, ingenioso y bien diseñado, que es de gran ayuda para nuestro producto.
artf
Hola @mrobertshaw el elemento principal está pensado como el contenedor del editor y no como el envoltorio. Tienes que usar esta opción si necesitas editar los accesorios del envoltorio: '''js grapesjs.init({ ... domComponents: { envoltori...
ClaudeCode
Gracias por informar de esto, @mrobertshaw. Buena pregunta sobre *. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oye...
¿Qué intentas añadir a GrapesJS? Capacidad para exportar imágenes / carpetas de imágenes en zip download Describe tu solicitud de función detallado GrapeJS sería una herramienta excelente que los niños de primaria usen para crear su propia página sobre mí. No estoy seguro de lo difícil que sería añadir la posibilidad...
artf
Hola @oleteacher hacer algo así no es del todo posible debido a las restricciones de seguridad en los navegadores (por ejemplo, cuando la imagen se descarga de otro dominio). Necesitarías un proceso servidor que genere imágenes para ti.
oleteacher
Sí, tenemos un servidor local para el aula. Simplemente no tenemos nuestro propio soporte informático para ayudar con estas cosas, es una universidad muy pequeña Perdona que te haya molestado.
ClaudeCode
Gracias por informar de esto, @oleteacher. Gran sugerencia sobre FEAT: Descargar / exportar imágenes - ¡Me encanta usarlas en proyectos de aula! Aunque esta función específica aún no está en la API principal, existen varias formas de logra...
*Versión:0.16.27 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? En el panel y lienzo derechos, el nodo pegado debería estar después del nodo copiado. ¿Cuál es el comportamiento actual? Copio un nodo. En el contenedor de vistas (panel derecho), el nodo pegado está después del...
artf
He intentado localmente pero el nodo está colocado correctamente. ¿Puedes crear una demo en directo, por favor?
nanaya1
Perdón, no expliqué el escenario en el que ocurrió este error. Los componentes que vienen con los grapesjs no producen este error, porque no tienen espacios, retornos de carro ni pestañas. Encontré este problema mientras personalizaba comp...
¡Hola @artf! Hace un tiempo fusionasteis los siguientes registros personales:https://github.com/artf/grapesjs-plugin-ckeditor/pull/39https://github.com/artf/grapesjs/pull/2977 Relacionado con este número. ¿Sería posible versionar 'grapesjs-plugin-ckeditor' para que se pudiera incluir la corrección? ¡Gracias de anteman...
artf
¡Hecho! Perdona, se me había olvidado 😬 por completo
ClaudeCode
Gracias por informar de esto, @mcottret. Buena pregunta sobre FEAT: versión 'grapesjs-plugin-ckeditor'. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...
¿Existe algún plugin para separar la forma de GrapeDrop en grapesjs? ¿Existe alguna web que venda plugins para grapesjs?
MarksEliel
Hola, @MarksEliel ¿Conseguiste conseguirlo? @Abhisheknanda1344463 Vaya, esta mañana recibí una notificación de github, cuando vi que era tu enlace, muchas gracias, ¡fue increíble! ¡Enhorabuena! ¿Quieres desarrollar otros plugins?
Abhisheknanda1344463
https://www.npmjs.com/package/grapesjs-shape-divider Para que lo sepas@artf
artf
No. En fin, solo necesitas crear un rasgo (como prop) y actualizar el contenido del componente (por ejemplo, con el SVG de un divisor de forma) al cambiar
¡Hola, @artf! :) Quizá puedas ayudarme con uvapesjs. Tengo botones que tienen sus propios scripts (por ejemplo, abrir la ventana modal con clic). Y si pongo la propiedad allowScripts: 0, puedo editar estos botones, pero si editor.allowScripts == 1, los botones ejecutan lógica (por ejemplo, abrir ventana modal) y en es...
artf
Recomendaría crear un componente personalizado para esos botones para manejar la lógica con scripts
sashapawlow726
@artf muchas gracias! :+1:
ClaudeCode
Gracias por informar de esto, @sashapawlow726. ¡Gran sugerencia sobre Button switcher a editor.allowsCripts! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...