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...
Versión: ^0.16.18 Esta pregunta pretende extraer la función de movimiento de capas a una personalizada. Solo quiero que los componentes se puedan ver en estos componentes, y los componentes hijos podrían reordenarse en el panel. Supongamos que estos componentes están al mismo nivel. Mi código será así: ! Reordenar He...
artf
No, en este caso, tienes que encargarte de la selección por tu lado
ClaudeCode
Gracias por informar de esto, @congweibai. Buena pregunta sobre [Pregunta] Añadir la etiqueta toggle-move en el panel de configuración personalizada de Vue. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Emp...
Estoy usando la última versión de GrapesJS (v0.16.27). Según la solución del problema (#2029), la excepción ha sido detectada e iniciada sesión en la consola. ¿Hay alguna forma de conocer los errores aparte del registro de consola? Algo similar a asset:upload:error, si tenemos parse:error, sería útil gestionar los err...
artf
Normalmente, el error no proviene del analizador sintáctico sino de la creación del DOM (por ejemplo, el editor crea el elemento usando 'setAttribute'). Puedes detectar los errores del editor escuchando el evento del registro '''js editor....
ClaudeCode
Gracias por informar de esto, @sathyanarayananaCES. El problema con [Pregunta] ¿Hay alguna forma de obtener los errores del analizador aparte del registro de consola parece ser una condición de carrera o un problema de sincronización de ge...
Gracias por informar de esto, @phamhongphuc1999. Buena pregunta sobre Ocultar elementos cuando hago clic en el icono de ojo en el Administrador de Capas Abierta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empie...