PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado
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
Hey, I know it got explained, how to use this but I didn't understand... How do I use this?
FreshImmuc
:/
GJSBlock
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...
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
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!
Estoy intentando que grapejs funcione con Vue.js y no tengo suerte, estoy siguiendo el proceso de inicio, pero no consigo que funcione correctamente. Hasta ahora lo he añadido a la sección de mounted() y he conseguido que aparezcan y añadan algunos botones con bloques, pero 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 de abajo. Básicamente tuve que tener "editor" como variable, que había elim...
! 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
GJSBlock
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...
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
¡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
GJSBlock
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...
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.
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!
GJSBlock
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...
Estamos trabajando en un sistema CMS que utiliza grapes js. Hemos creado una condición en la que no podíamos añadir relación de aspecto en la "mediaCondition" manteniendo la orientación. Nuestro editor de diseño tiene modos de diseño vertical y horizontal con formato 16:9. Pero nos gustaría añadir más relaciones de as...
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...
GJSBlock
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...