Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#33279 de marzo de 2021por DMSlamRespuesta 1
Reacciones 0

¿Hay alguna forma de mantener el código VML en CSS para mantener algunos estilos alejados de Outlook?

Hola. Cuando intento generar una plantilla de boletín a partir de un código HTML existente con algunas etiquetas de envolvimiento VML <style> , las clases de estilo existentes se procesan bien, aunque cualquier mención de tales VML se elimina del Editor. ¿Podrías dar una pista de una posible solución alternativa? ¿Es...

ClaudeCode

Gracias por informar de esto, @DMSlam. Buena pregunta sobre ¿Hay alguna forma de mantener el código VML en CSS para mantener algunos estilos alejados de Outlook?. El enfoque recomendado con StyleManager es usar la API orientada a eventos....

#33269 de marzo de 2021por devtechk3 respuestas
Reacciones 2

CSS estilo lienzo

Hola chicos, en vez de peinar el init de esta manera... ¿Es posible usar un archivo SCSS en Canvas? Canvas { Style:['FILE. SCSS'] } ¿O simplemente hacerlo más limpio con un solo CSS de entrada? ¡Gracias! ' myComponent.append(<style> cuerpo { antecedentes: RGB(204,204,204); } .footer { posición: absoluta; Inferior: 5mm...

artf

Puedes usar canvasCSS option si no quieres usar archivos.

devtechk

¡Muchas gracias! ¡Este archivo de configuración me va a ayudar mucho!

ClaudeCode

Gracias por informar de esto, @devtechk. Buena pregunta sobre el css de estilo canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

#33259 de marzo de 2021por mmotov4 respuestas
Reacciones 0

JSON.stringify(this.editor.getComponents()) Error

Versión: 0.16.44 ¡Hola! Tengo almacenamiento remoto para páginas y, recientemente, tuve un problema al guardar una página; 'JSON.stringify(editor.getComponents())' empezó a mostrar el error 'Uncaught TypeError: e[M].getId is not a function'. Investigué la representación JSON de la página que ya estaba guardada y descu...

yucomds

El mismo error aquí... ¿Tienes alguna solución? [EDITAR] Reducir la categoría parece ser la única solución por ahora

josfh2005

Mismo problema aquí, si preproceso los componentes y elimino ese atributo (__symbol) antes de cargar el Editor, la plantilla funciona bien. ¿Hay alguna forma @artf desactivar los símbolos por ahora?

artf

Sí, desafortunadamente la versión anterior de grapesjs tenía un error que creaba símbolos involuntarios. En la versión actual, el error se corrige y los símbolos están desactivados, pero desafortunadamente esto sigue ocurriendo si intentas...

#33238 de marzo de 2021por RaresVlaiduc3 respuestas
Reacciones 0

Aumenta el relleno del elemento de capa

¡Hola! Estoy intentando aumentar el valor del relleno a la izquierda en el gestor de capas. He encontrado el archivo donde esto ocurre, pero sinceramente no tengo ni idea de cómo podría modificarlo. Podría hacer un pequeño truco para conseguirlo, pero tengo curiosidad por saber si puedo hacerlo con una configuración o...

artf

No @RaresVlaiduc como puedes ver por ti mismo no es configurable en este momento, pero aceptaría encantado una PR para ese caso (por ejemplo, una nueva opción de función aquí que toma el nivel como argumento y devuelva el número para el re...

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

ClaudeCode

Gracias por informar de esto, @RaresVlaiduc. Gracias por compartir tu informe sobre aumentar el relleno de los objetos de capa. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (Co...

#33207 de marzo de 2021por alumpeRespuesta 1
Reacciones 0

Error tipográfico en la palabra "capa" en el soporte para el idioma alemán

En el archivo de localización alemana hay un error tipográfico en la línea 75 para la palabra "capa". En lugar de 'capa: 'Evene'' debería ser 'capa: 'Ebene', alguien debe haber pulsado accidentalmente 'v' en vez de 'b' en el teclado al traducirlo. Estoy creando una solicitud pull para ello ahora mismo.

ClaudeCode

Gracias por informar de esto, @alumpe. Gracias por compartir tu informe sobre error tipográfico en la palabra "layer" en el soporte del idioma alemán. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo...

#33195 de marzo de 2021por anatoli-dp3 respuestas
Reacciones 0

El texto por capas no se centra tras crear una nueva línea

Versión: ¿Actual? Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo? [ ] Sí [ x] No // para ser justos, nunca lo intenté en la demo ¿Cuál es el comportamiento esperado? Al editar el texto de las capas, añadir una línea nueva y luego hacer backsspace, esperarí...

artf

Vale, voy a proponer una corrección para editar el nombre de capas, probablemente no tenga sentido tener nuevas líneas activadas ahí (haré que paren la edición en Enter/Esc). Para el segundo problema, si usas algo tuyo para redimensionar e...

anatoli-dp

Sí, no me di cuenta de que editor.refresh() existía hasta después. Si no, gracias. Proyecto genial

ClaudeCode

Gracias por informar de esto, @anatoli-dp. Buena pregunta sobre capas el texto no se centra después de crear una nueva línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#33175 de marzo de 2021por martijnc3 respuestas
Reacciones 0

HAZAÑA: Añadir soporte para promesas de API RTE personalizada

¿Qué intentas añadir a GrapesJS? Soporte para editores de texto enriquecido con APIs basadas en promesas. Describe tu solicitud de función detallado Los métodos 'Editor.create' y 'Editor.destroy' de CKEditor5 devolven una 'Promesa' que se resuelve cuando el editor ha sido completamente creado o destruido. Esto causa u...

artf

Sí, tiene sentido, probablemente intentaría comprobar si es posible hacer que los métodos activados/desactivables (desde ComponentTextView) sean asíncronos por defecto sin romper nada, pero comprobar si son entonces siempre es una opción.

artf

Esto ya debería ser posible.

ClaudeCode

Gracias por informar de esto, @martijnc. Gran sugerencia sobre FEAT: ¡Añadir soporte para promesas de API personalizada de RTE! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamien...

#33165 de marzo de 2021por am1rb4 respuestas
Reacciones 1

El editor no elimina los bloques de script muertos

Versión: 0.16.34 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No Según tengo entendido, el diálogo de importación de código se salta todos los scripts HTML, así que no puedo reproducir el problema en la demo ¿Cuál es el comportamiento esperado? El editor debe eliminar bloques de script muertos antes de añadir un...

Ju99ernaut

No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...

Andrew-Chen-Wang

Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?

am1rb

No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...

#33155 de marzo de 2021por devtechk4 respuestas
Reacciones 3

Mm o cm. Las unidades se convierten a px

Me di cuenta de que las unidades de mm o cm se convierten en px. ¿Cómo puedo solucionar este problema? Gracias ! imagen

Ju99ernaut

¿Has añadido mm, cm, etc., como unidades a las entradas del gestor de estilo? Estas no están integradas

Ju99ernaut

Como se ha dicho antes, es lo que hace el motor del navegador, normalmente esta es la solución, pero nunca lo he usado con unidades que no estén integradas: '''js window.editor = grapesjs.init({ // ... StyleManager: { // ... avoidComputed:...

Andrew-Chen-Wang

Creo que eso es simplemente lo que hace el motor de navegador en general. No soy un experto, pero creo que esa salida es solo la información final interpretada por el motor.

Explora todos los temas