Hola, Antes que nada, gracias por aportar un framework de js tan increíble. Soy muy nuevo en Grapesjs. Y también github. https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related Según la wiki de grapesj, cargo los enlaces js dentro del lienzo con los códigos anteriores y funciona bien. Pero cuando intent...
artf
Ya casi llegabas :) '''js lienzo: { Estilos: ['https://...'] } ```
ronaldaug
Muchas gracias @artf, funciona de maravilla.
coder-strange
Tienes que incluirlo por separado al renderizar, no vendrá en getHtml() ni nada parecido.
Queremos definir un componente personalizado que pueda o no añadirse al HTML, pero queremos prohibir la adición de más de uno de ese componente. ¿Se puede hacer esta restricción en GrapesJS?
artf
No es algo incorporado, pero sí que se puede lograr usando la API de GrapesJS Extremadamente fácil sería añadir un oyente (por ejemplo, 'change:changesCount'), buscar en tu componente y luego aplicar tu lógica '''js editor.on('change:chang...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Queremos crear algunos componentes personalizados cuyo estilo cambie según un css de tema externo (puede haber diferentes temas), y queremos que esos estilos aparezcan en el lienzo durante la edición.
roytang
Por favor, ignóralo. Al final inyecté el enlace de la hoja de estilo usando javascript en el iframe de Canvas de Grapes Inserte una hoja de estilo externa en la ventana Grapesjs var iframes = Utilities_GetElementsByClass("gjs-frame", "IFRA...
artf
Puedes inyectar scripts/estilos mediante la opción de configuración de canvas '''js const editor = grapesjs.init({ ... lienzo: { Estilos: ['https://...', '...'], guiones: ['https://...'], } }); ```
Debido a https://github.com/artf/grapesjs/issues/436, no puedo confiar en el método de carga remota de StorageManager para cargar una plantilla desde un endpoint REST, así que recurro a alternativas como 'editor.setComponents()' y 'editor.setStyle()' (que se usan dentro de un comando, así que 'grapesjs' y 'editor' est...
artf
Hola @santiph bueno, si el problema es 'onbeforeunload' puedes desactivarlo con 'noticeOnUnload' '''js grapesjs.init({ ... avisoOnUnload: falso }) ```
santiph
Hola @artf Necesito avisar al usuario de forma constante sobre cualquier cambio no guardado. Y sáltala cuando no haya nada nuevo que guardar: Cuando se crea una plantilla vacía nueva, justo después de guardar o después de cargar una planti...
santiph
Podría probarlo completamente con almacenamiento remoto: 'onbeforeunload' está desactivado, como era de esperar, al cerrar justo después de guardar. Desafortunadamente, todavía se muestra al cerrar justo después de cargar una nueva plantil...
Yo uso jquery en mi proyecto. Después de la versión 0.12.8 no funciona con jquery. El prt de mi webpack.config es; Cuando intento soltar un bloque, lanza;ComponentsView.js:76 Uncaught TypeError: No se puede leer la propiedad 'longitud' de indefinido en child.addToCollection (ComponentsView.js:76) en child.addTo (Compo...
artf
¿Te da el mismo error con todos tus bloques? ¿Incluso con alguna oficial?
ateshuseyin
Derecha. Me sale el mismo error con todos los bloques definidos en el plugin mjml.
artf
Vale, me gustaría saber si tiene algo relacionado con jquery. ¿Puedes reproducirlo sin el plugin de mjml? (última versión)
En mi máquina, Grapesjs es inestable. Generalmente, en la primera petición aparece un error inferior. Después de refrescar una o dos veces, funciona. El bug está presente en todas las versiones que he usado.Uncaught TypeError: No se puede leer la propiedad 'componentTypes' de undefined en F.i.renderChildren (grapes.mi...
ateshuseyin
Encontré el problema. Una de mis extensiones de Chrome (creo que es Backbone Inspector) causa el problema. El asunto puede cerrarse
ateshuseyin
Otro error es;components.js:169 Uncaught TypeError: No se puede leer la propiedad 'defaultTypes' de undefined en child.renderChildren (components.js:169) en child.render (components.js:212) en child.addToCollection (ComponentsView.js:65) a...
artf
Qué raro, nunca he tenido esos problemas, pero si ves 'defaultTypes' en 'components.js' definitivamente estás trabajando con una versión antigua de grapesjs
Lo único que hice fue importar HTML, excepto que no puedo modificar el texto en HTML No puedo escribir nada ni borrar ningún texto '''js const editor = window.grapesjs.init({ storageManager: { autocarga: 0, }, Plugins: ['GJS-plugin-filestack'], pluginsOpts: { 'gjs-plugin-filestack': { CLAVE: process.env.REACTAPPFILEST...
Geczy
Este es el HTML que estoy usando https://pastebin.com/wNseLeqh ¿es porque el texto no está envuelto en <p>''?
artf
Esto ocurre porque el componente 'td' no es editable, así que la solución más sencilla sería, como ya lo tienes, envolverlo dentro de otro componente. De lo contrario, deberías extender el TableCell
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy usando un módulo personalizado para guardar/cargar una plantilla con un servicio como este: El guardado es un módulo diferente y funciona perfectamente. El problema está con la llamada Load(). Por alguna razón, Grapes realiza una acción POST a 'localhost:8000/templates/5' obteniendo un método 405 - No permitido...
santiph
Resuelto
suresh5
Hola, ¿puedes compartirme el JSON cuando envías la plantilla de carga?
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Los prefijos del proveedor se truncan al llamar a setComponents.
artf
Esto se debe al analizador del navegador, ya he añadido la posibilidad de configurar uno personalizado en la Roadmap
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Descargué el repositorio git pero solo pude encontrar grapes.min.js. Realmente quiero profundizar un poco más en el código y entender mejor cómo están relacionados todos los archivos entre sí, pero no veo la versión sin minificar por ningún lado. ¿Alguien podría indicarme dónde está en el repositorio o, si no, podría...
ateshuseyin
No existe una versión no personalizada de grapesjs. Creo que esto es una necesidad. Hasta que @artf añadas una versión no minified, revisa el proyecto y luego enlaza grapesjs a tu proyecto. Ver: https://docs.npmjs.com/cli/link
artf
Hola @cindygao93 si quieres profundizar en el código solo tienes que revisar la carpeta '/src'
z-vr
@artf '/src' es un buen comienzo, pero '''js const Editor = require('editor'); const PluginManager = require('plugin_manager');