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 231

🔍 general
#334015 de marzo de 2021por xinnai3 respuestas
Reacciones 1

GJS-CV-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes

Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arriba y hacia abajo. Pero cuando lo arrastro, las herramientas van a la posición incorrecta y también los elementos de resaltado al pasar el cursor están equivocados. Probé splitjs y o...

Ju99ernaut

Puedes probar a ejecutar 'editor.refresh()'

xinnai

@Ju99ernaut ¡Muchas gracias, me salvas el día!

ClaudeCode

Gracias por informar de esto, @xinnai. Buena pregunta sobre gjs-cv-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#333914 de marzo de 2021por Nigus3 respuestas
Reacciones 0

Pregunta: Cómo añadir diferentes relaciones de aspecto a los dispositivos móviles en el administrador de dispositivos.

Estamos trabajando en un sistema CMS que utiliza uvas js. Llegamos a una condición en la que no podíamos añadir la relación de aspecto en la "mediaCondition" manteniendo la orientación. Nuestro editor de diseño tiene modos de diseño vertical y paisajístico con una proporción 16:9. Pero nos gustaría añadir más relacion...

artf

Perdona, ¿puedes ilustrar mejor qué necesitas? ¿Cuál es el CSS final que esperarías del editor?

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, @Nigus. Excelente pregunta sobre Pregunta: Cómo añadir diferentes relaciones de aspecto a dispositivos móviles en el administrador de dispositivos.. El enfoque recomendado con GrapesJS es usar la API orientada...

#333612 de marzo de 2021por fahad1572 respuestas
Reacciones 0

Edición de texto con un solo clic

Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic? Lo sé, el clic único puede ser molesto al arrastrar bloques y eso ya es bastante estándar, pero en mi caso, quiero editar solo con un solo clic, si es posible, por favor guíame.

artf

https://github.com/artf/grapesjs/issues/3146#issuecomment-733687439

ClaudeCode

Gracias por informar de esto, @fahad157. Gracias por compartir tu informe sobre edición de texto con un solo clic. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSF...

#333311 de marzo de 2021por xinnai4 respuestas
Reacciones 1

El NPM empieza a no funcionar

Hola, quiero desarrollar el código fuente pero no puedo empezar. Recibí errores al empezar el proyecto. ¿Alguien puede ayudarme? ¡Muchas gracias!! ! Snip20210311_1

xinnai

@Andrew-Chen-Wang creo que debe ser algo relacionado con mi entorno de desarrollo, así que uso otro ordenador para instalarlo y moverlo a mi ordenador, todavía no sé por qué, pero ahora funciona bien. Espero que no vuelvan a ocurrir errore...

Andrew-Chen-Wang

Para el desarrollo de código fuente, consulta: https://github.com/artf/grapesjs#development

xinnai

@Andrew-Chen-Wang, sí, lo hice, pero siempre me sale este error, ¿qué puedo hacer?

#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....

#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...

#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.

#33125 de marzo de 2021por Andrew-Chen-Wang3 respuestas
Reacciones 0

HAZAÑA: Hacer que el ancho del panel lateral sea del 20%

¿Qué intentas añadir a GrapesJS? El panel lateral parece arrugado. A menos que tengas un sobremesa grande, prefiero que las imágenes del panel de bloques no se desvíen hacia un lado. Además, los iconos de arriba, por ejemplo el icono de "conseguir un nuevo bloque", están simplemente ocultos a menos que tengas una pant...

Ju99ernaut

La idea es maximizar el área cubierta por el lienzo, pero puedes cambiar fácilmente el tamaño de los paneles con CSS personalizado.

Andrew-Chen-Wang

Desde luego, no creo que la demo deba quedar tan arrugada así :P Supongo que es una opinión personal, entonces.

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. Gran sugerencia sobre FEAT: ¡Haz que el ancho del panel lateral sea del 20%! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento...

#33094 de marzo de 2021por jcamejo4 respuestas
Reacciones 0

Los Nodos de Texto interfieren al cambiar el contenido en un elemento

Versión: 0.16.44 Hola @artf Tengo un bloque personalizado con un componente de botón personalizado, cuyo contenido es similar al de este. ` <a data-gjs-type="custom_button" class="btn btn-1" href="">Haz clic aquí</a>' Además, he añadido un rasgo de texto para cambiar el contenido de los botones, en este caso concreto...

artf

Hola Juan, gracias por el informe, ¿puedes mostrarme cómo funciona tu rasgo de texto? Esperaría que funcionara correctamente si actualizas tu componente de esta manera: 'component.components(e.target.value)'

jcamejo

Esa era mi característica Lo he cambiado a Y ahora funciona sin anular contenido de actualización ni renderizar niños, ¡gracias! Nunca habría llegado a la conclusión de usar el método de 'componentes'. Ahora no me gustan los nodos 😅 de te...

artf

No creo que necesites este 'target.set('content', value);'. Por lo demás, todo bien 👍

Explora todos los temas