Hola de nuevo, :) Nuestro equipo empezó recientemente a personalizar el editor y a eliminar el preajuste de la página web, y puede que hayamos encontrado algunos errores relacionados con el modo de vista previa: Al usar el modo de vista previa integrado con paneles personalizados, estos no se ocultan al entrar en el m...
artf
Una solución propuesta sería recorrer en bucle la colección de paneles (recuperado vía editor). Panels.getPanels) y desactivar su atributo visible. ¿Qué opinas? Sí, tiene todo el sentido. Adelante con la foto permanente, muchas gracias
Hola, busco mucho pero no he encontrado cómo cargar un archivo CSS dentro del editor Mi código En cuanto a otro problema, añado Estilos: [\'http://localhost/flexidev/templates/shaperhelix3/css/template.css\'] no hay error real pero tampoco estilo... ¿Qué se me olvidó? 'función fclayoutinitbuilder(editorsfx, elementid)...
pouyamiralayi
@micker debes incluirlos así: No veo el objeto ''lienzo'' en tu configuración. ¡Salud!
pouyamiralayi
@micker si tu ''customCss'' es una URL, así es como la incluyes. Pero si tienes algunos estilos que quieres incluir a mano, aquí tienes el procedimiento: ¡Salud!
micker
Intento usar https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates Pero no estoy seguro de esto... Si añado lienzo así '''var editor = grapesjs.init({ lienzo: { scripts: null, estilos: [personalizadosCss] //¿Hay alguna fo...
¡Hola, estoy probando el modo absoluto! Está muy bien, pero para ser completo con este modo diseñador, ¿planeabais añadir el módulo Rezize mediante arrastrar y soltar? Saludos
pouyamiralayi
@micker debes especificar ''resizable:true'' en tu definición de tipo de componente. ¡Salud!
micker
¡Vale, gracias!
pouyamiralayi
@micker si quieres usar bloques, tienes que hacerlo así:
Estoy intentando actualizar textNoElement del Style y TraitManager, pero parece que no funciona. Consulta el resultado aquí: https://jsfiddle.net/zrobkL80/5/ Además, los sectores predeterminados de StyleManager desaparecen, ¿alguna sugerencia de qué estoy haciendo mal? Estoy usando la última versión de GrapesJS (0.15....
artf
Esas opciones se eliminaron, tienes que usar el módulo i18n
Hola ¿Es posible añadir un botón para cambiar el modo diseñador? ¿Absoluto / traducir? Saludos
pouyamiralayi
@micker necesitas un comando para lo que se ejecuta: ''editor.setDragMode('absolute')''. Para paneles y botones puedes consultar la guía Empezar. ¡Salud!
micker
Vale, quizá un modo conmutador pueda estar en el cuadro básico.
micker
Hola, gracias ¿Pensaste que era posible mezclar el modo dos veces para conseguir más? ¿Es demasiado pronto? Porque cuando lo probo, puedo poner texto dentro de una columna, por ejemplo... Será bueno usar la posición absoluta en la columna...
Hola @artf muchas gracias por un gran proyecto, He creado un nuevo tipo, es similar al enlace normal, pero el título del enlace se actualiza con ajax. Luego actualiza el rasgo 'linktitle'. El valor de este y el lienzo sí se actualizan, pero el rasgo dentro de "Configuración" sigue mostrando el valor inicial y no cambi...
pouyamiralayi
@abzal0 vale! Aunque el enfoque de la hélice debe funcionar bien, no sé por qué no es así, o me estoy perdiendo algo aquí. Si queremos usar los atributos, debes usar ''addAttributes'' para cambiar el atributo, aquí tienes un ejemplo prácti...
abzal0
@pouyamiralayi muchas gracias por tu tiempo, esto solucionó el problema: ' this.model.addAttributes({'linkTitle':oldValue + ' Cambiado!'}) ` Has ahorrado mucho tiempo, gracias de nuevo :)
Hola, Queremos promocionar nuestro nuevo diseño para GrapesJS. Nuestro trabajo: https://github.com/GoodPHP/GrapesJS-devfuture Puedes escribirnos cualquier pregunta: [email protected] Escribe tu opinión abajo. ¿Te gusta?
GoodPHP
has implementado la capa de datos dinámica usando el CMS? He implementado sitios web creadores de páginas como: https://wix.com/ https://www.websitebuilder.com/ https://www.squarespace.com/ Donde los usuarios pueden comprar dominio, conect...
pouyamiralayi
Como abajo: <img width="349" alt="Desktop 2017-03-14 a las 6:06 23:00" src="https://user-images.githubusercontent.com/53266765/76199255-c7d15f00-6204-11ea-8c9b-52a4ea1f2dc1.png"> <img width="351" alt="Desktop 2017-03-14 a las 5 10 46 PM" s...
pouyamiralayi
@GoodPHP gran trabajo! ¿Tienes planes de integrar Grapesjs con un CMS?
Hola, estoy pensando en crear una función que mueva un componente hacia arriba o hacia abajo en el lienzo, cuando se pulsa un botón. ¿Es posible y alguien puede enseñarme cómo hacerlo? ¿Quizá este futuro siempre está ahí?
artf
Puedes hacer algo así para mover componentes '''js const moveUp = component => { const comp = componente || editor.getSelected(); const parent = comp.parent(); índice const = comp.index(); si (índice > 0) { comp.remove(); parent.append(com...
ikenderham
Hola Gracias por la respuesta... Pero, ¿cómo añado el botón a la barra de componentes de la barra? He probado los ejemplos en issues/266 pero aquí no funciona. ¿Puedo anular la barra de herramientas en otro archivo para no tener que cambia...
ikenderham
Descubrí cómo hacerlo. El código que me diste no me funciona. Intenté añadirlo en un comando, pero no mueve el componente ni hacia arriba ni hacia abajo. Aquí tienes un ejemplo: si tengo una fila con contenido dentro, entonces necesito mov...
Hola @artf, ¿Cuál sería la forma recomendada de llamar a un método grapesjs desde dentro de un plugin? El plugin 'grapesjs-mjml' usa 'this. NombreMétodo()' (https://github.com/artf/grapesjs-mjml/blob/7a9712ce7a401079f31932a7fe2c342657e85efa/src/components/index.js#L248) Sin embargo, cuando el plugin se minifica en el...
artf
Probablemente necesitarías algo así '''js const View = editor. DomComponents.getType('default').view; View.prototype.renderAttributes.apply(this); ``` En cualquier caso, parece muy raro que el minifer haga una retirada tan insegura. Uso al...