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
#347724 de mayo de 2021por ahmedderkaoui2 respuestas
Reacciones 0
style-managertypescriptgeneral

SetMessages() no actualiza i18n

Por defecto, el editor se inicia con el idioma inglés cuando el 'init' no contiene: Sin embargo, cuando intento cambiar el idioma usando el método i18n: 'setMessages' como abajo: 'Editor. I18n.setMessages({ en: tr });' Esto ocurre:Las pestañas abiertas (como el Style Manager, que por defecto se abre al cargar) no se a...

artf

Sigue la plantilla del tema

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Gracias por compartir tu informe sobre setMessages() no actualiza i18n. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/...

Ver detalles
#346419 de mayo de 2021por mosh-tudor2 respuestas
Reacciones 0
general

Editar el texto del botón no funciona correctamente

Descripción0 - Visita: https://grapesjs.com/demo.html1 - Botón de seleccionar: <img width="674" alt="Captura de pantalla 2021-05-19 at 15 09 53" src="https://user-images.githubusercontent.com/668451/118818468-a5c97700-b8b4-11eb-9006-56abe37a8343.png">2 - Cambiar el contenido: <img width="253" alt="Captura de pantalla...

artf

Duplicado del #3205

ClaudeCode

Gracias por informar de esto, @mosh-tudor. Gracias por compartir tu informe sobre Editar el texto de un botón no funciona correctamente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reprodu...

Ver detalles
#345312 de mayo de 2021por alemenciones2 respuestas
Reacciones 0
questionstyle-managergeneral

HAZAÑA: ¿cómo redimensionar el inicio y el final en modo absoluto?

Hola, querido Estoy probando algo como "redimensionar:inicio/fin" en AbsoluteMode con styleable:change:width/height. ¿Puedes ayudarme?

alemenciones

Esta obra:

ClaudeCode

Gracias por informar de esto, @alemenciones. Buena pregunta sobre FEAT: ¿cómo redimensionar el inicio y el final en modo absoluto?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

Ver detalles
#344810 de mayo de 2021por rcloss2 respuestas
Reacciones 0
style-managercomponentsgeneral

Aplicar una clase personalizada a un componente no parece funcionar

Estoy añadiendo una clase en un componente cuando no se cumplen ciertas condiciones, en este caso cuando no hay un conjunto de href. He visto la fuente y veo la clase "nolink" en ella, pero no pone el color de fondo en rojo y no lo veo al inspeccionar el elemento, así es como intento añadirlo, pero cuando hago cc.getA...

artf

también probé editor. CssComposer.setRule('.nolink', {'background-color':'red'}); Pero tampoco parecía funcionar 'setRule' es la API correcta y funciona, pero solo crea la regla; también tienes que añadir la clase al componente si quieres...

ClaudeCode

Gracias por informar de esto, @rcloss. Gracias por compartir tu informe sobre aplicar una clase personalizada a un componente no parece funcionar. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo míni...

Ver detalles
#34448 de mayo de 2021por mahfuzdiu4 respuestas
Reacciones 0
questionbuggeneral

RemoveButton() causando error

Hola, Estoy intentando eliminar un botón del panel usando este editor de código. Panels.removeButton('opciones', 'pantalla completa')'. Elimina el botón pero me da este error. ! Captura ¿Cómo solucionarlo?

mahfuzdiu

Lo oculté con un 'editor personalizado de CSS. Panels.getButton('options', 'fullscreen').attributes.className = 'hidepanelbtn'', por cierto, una solución adecuada estaría bien.

artf

Hola @mahfuzdiu al hacerlo en la demo oficial funciona sin errores, ¿puedes crear una demo reproducible?

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

Ver detalles
#34427 de mayo de 2021por zgeist4 respuestas
Reacciones 4
buggeneral

Error después de llamar a 'editor.destroy()'

Crear instancia de editor Intenta destruir Tengo error ! imagen

artf

Gracias por el informe, intentaré arreglarlo en la próxima versión @ershadul1 no, hay un FrameWrapView (cosas alrededor del iframe, como wrappers, herramientas para la selección, etc.), y dentro hay un FrameView (el propio iframe), pero pr...

ershadul1

https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/canvas/view/FrameWrapView.js#L73 Veo que el removedor se usa dentro del propio extractor. No lo entiendo. ¿Fue esto un error? Si pongo 'this.frame = null',...

PRTTMPRPHT

+1

Ver detalles
#34325 de mayo de 2021por SintoDema2 respuestas
Reacciones 0
documentationquestiongeneral

¿Podemos usar Wistia en el editor GrapesJS? Me gustaría usarlo como Vimeo usado…

Hola @artf, ¿Podemos usar Wistia en el editor GrapesJS? Me gustaría usarlo como Vimeo usado en el editor. ! imagen Escenario: Tengo un vídeo en mi dominio Wistia, deja que el camino sea https://mydomain.wistia.com/medias/VIDEO_ID. Tengo que añadir esa URL o vídeo porque vamos a añadir un enlace a un vídeo de Youtube c...

artf

Claro, solo revisa la implementación actual de ComponentVideo y amplíala según tus necesidades.

ClaudeCode

Gracias por informar de esto, @SintoDema. 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 oyent...

Ver detalles
#342429 de abril de 2021por Tal500Respuesta 1
Reacciones 0
enhancementstyle-managergeneral

Soporte para el idioma HE(Hebreo)

Me gustaría añadir soporte para el idioma hebreo y traducirlo. Además, deberías soportar la propiedad "dirección" para permitir el soporte de idioma de derecha a izquierda para la visualización: https://www.w3schools.com/cssref/prtextdirection.asp

ClaudeCode

Gracias por informar de esto, @Tal500. ¡Gran sugerencia sobre el soporte en HE(hebreo))! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de evento...

Ver detalles
#342329 de abril de 2021por zgeist2 respuestas
Reacciones 1
general

RTE genera el espacio de etiquetas tras eliminar 'negrita', 'cursiva', etc

Colocar bloque de texto Editar texto, aplicar 'negrita' o 'cursiva' Deseleccionar bloque de texto Selecciona de nuevo y elimina 'negrita' Código abierto, deberías ver las etiquetas 'span' ! 1113

Ju99ernaut

Parece un problema con la API subyacente del navegador, es decir, 'Document.execCommand()', así que no estoy seguro de que esto se pueda solucionar, aquí dice que ha sido descontinuado, pero realmente no hay alternativa, de todas formas el...

ClaudeCode

Gracias por informar de esto, @zgeist. Gracias por compartir tu informe sobre RTE generar el espacio de etiquetas después de eliminar 'negrita', 'cursiva', etc. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...

Ver detalles
#342229 de abril de 2021por Asifislam1104 respuestas
Reacciones 0
componentsquestiongeneral

¿Cómo podemos eliminar el contenido de texto predeterminado del componente de texto 'Inserte su texto aquí'?

Quiero eliminar el texto por defecto del componente de texto igual que el marcador de posición. Cada vez que arrastramos un componente de texto necesitamos eliminar el texto por defecto manualmente.

theSC0RP

Hola @Asifislam110, no sé si esta es la mejor solución, pero esta fue una que se me ocurrió.

Asifislam110

@theSC0RP eliminará el texto de todos los componentes de texto cuando se cargue el editor. Al insertar un cuadro de texto en el Editor, el texto "Insertar tu texto aquí" debería desaparecer automáticamente cuando el usuario empiece a escri...

theSC0RP

¡Perdona! Pensaba que no querías que el componente de texto tuviera contenido al dejarlo en el lienzo. Para tu duda, supongo que puedes hacer algo como cuando seleccionas un componente comprueba si es un componente de texto y en la vista e...

Ver detalles

Explora todos los temas