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

#334818 de marzo de 2021por FreshImmuc2 respuestas
Reacciones 0

Cómo

Oye, sé que se explicó cómo usar esto pero no lo entendí... ¿Cómo uso esto?

FreshImmuc

:/

ClaudeCode

Gracias por informar de esto, @FreshImmuc. Buena pregunta sobre Cómo. 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 o...

#334718 de marzo de 2021por xinnai4 respuestas
Reacciones 0

¿Cómo puedo conseguir código JS sin comprimir para editarlo?

Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js'...

artf

El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías cr...

xinnai

@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está co...

artf

'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente

#334618 de marzo de 2021por xinnai4 respuestas
Reacciones 0

¿Puedo desarrollar mi propio gestor de estilo y encuadernar las propiedades de forma cómoda?

Quiero crear mi propio gestor de estilos usando algún framework de interfaz como Element-UI para crear una interfaz de belleza rápidamente. Pero, ¿cómo puedo vincular las propiedades a un componente seleccionado? No vi ninguna API como 'establecerPropiedades a un elemento...'. ¿Puedes ayudarme a hacerlo? ¡Muchas graci...

RutujaBadbe

#2296 ¡Esto podría ayudarte!

artf

Supongo que algo así debería funcionar si necesitas crear el Style Manager desde cero '''js dejemos targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = editor. Styl...

xinnai

@artf ¡Eso es exactamente lo que necesito! ¡Muchas gracias!

#334517 de marzo de 2021por joshk1324 respuestas
Reacciones 0

La sección de viñetas y botones de cómo empezar no funciona con Vue.js

Estoy intentando que Grapejs funcione con Vue.js y no tengo suerte, estoy siguiendo el proceso de inicio pero no consigo que funcione bien. Hasta ahora lo he añadido a la sección 'montado()' y he conseguido que aparezcan algunos botones con bloques y se añadan, sin embargo, no he tenido suerte consiguiendo que la secc...

uchoaaa

Echa un vistazo a este problema, quizá ayude: https://github.com/artf/grapesjs/issues/275

artf

Hola @joshk132 sinceramente el código se ve bien, ¿puedes crear una demo reproducible (en algo como Codesandbox)?

joshk132

@artf he conseguido que funcione donde aparecen los paneles, pero ahora no se muestra correctamente. La solución que tuve que hacer fue cambiar para usar el código que aparece abajo. Básicamente tuve que tener "editor" como variable que ha...

#334417 de marzo de 2021por NagarRahul3 respuestas
Reacciones 0

HAZAÑA: Estoy intentando conseguir js usando el método getJs(), pero estoy obteniendo valor nulo. ¿Cómo puedo conseguir js?

! imagen

NagarRahul

@artf

artf

Ese método toma el JS que se usa en tus componentes. Así que, si no tienes componentes con JS, quedará vacío

ClaudeCode

Gracias por informar de esto, @NagarRahul. Buena pregunta sobre FEAT: Estoy intentando conseguir js usando el método getJs(), pero obtengo valor nulo. ¿Cómo puedo conseguir js?. El enfoque recomendado con GrapesJS es usar la API orientada...

#334317 de marzo de 2021por neilkyoung4 respuestas
Reacciones 0

Error de invocación ilegal al usar keepEmptyTextNodes

Versión: 0.16.44 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Configurar 'editor. Parser.getConfig().keepEmptyTextNodes = true;' en la consola y luego intentar arrastrar un formulario a un plugin de 2 columnas. ¿Cuál es el comportamiento esperado? Describe el error detallado Por lo que he observado, un 'keepEmp...

artf

Bueno, sí, tiene sentido, probablemente deberíamos tomar el primer elemento "válido" (el que realmente soporta 'partidas'). Pero también tengo curiosidad por saber tu caso para el uso de 'keepEmptyTextNodes'. Hace unos días estaba pensando...

neilkyoung

@artf Un sistema que usamos para la creación de páginas web implementa esto. Aunque ahora hemos conseguido convencerles de desactivar esto gracias a tu comentario arriba:-D

artf

Genial, entonces cierro esto. Avísame por si hay algo mal o diferente con ese cambio de tu parte

#334217 de marzo de 2021por RutujaBadbe2 respuestas
Reacciones 0

JQuery no funciona para script en el componente

¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...

artf

Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related

ClaudeCode

Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...

#334115 de marzo de 2021por HeyWrecker4 respuestas
Reacciones 2

Pregunta: Grupo de redes sociales - Facebook

Hola, ¿El componente de redes sociales de Facebook está pensado para proporcionar un enlace de Facebook a la página de Facebook de una empresa u organización, o está diseñado exclusivamente para compartir algo específico de tu línea de tiempo? Parece ser lo segundo, aunque me parezca contraintuitivo, ya que muchos cor...

artf

Supongo que buscas este https://github.com/artf/grapesjs-mjml

HeyWrecker

Ah, entonces fue mi error, ¡gracias!

HeyWrecker

Como seguimiento, he confirmado que el componente social de Instagram sí enlaza con la página de perfil de IG. Mientras que la opción de Facebook no enlaza con la página de Facebook.

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

Explora todos los temas