Problemas con GrapesJS

asieraduriz

Hola @pouyamiralayi Gracias por la respuesta rápida. Sin embargo, esto parecería que no será suficiente, ya que lo que busco es una forma de ver mi componente renderizado con los estilos que quiero, pero también, si exporto el proyecto, in...

artf

Solo tienes que iniciar el editor con tu '<link>' dentro de la plantilla, se cargará en el lienzo y podrás verlo en tu código de exportación

pouyamiralayi

Hola @fasaas puedes inyectar tus estilos globales de esta manera: Lo mismo ocurre con tus scripts personalizados. Más sobre esto aquí ¡Salud!

pouyamiralayi

¡Gracias @naveen-15697, tu solución funciona bastante bien! Bien hecho. @romariolopezc esto se adapta a tu situación? Como sugiere @naveen-15697, tienes que hacerlo así: y los botones IDS para el panel de ''vistas'' son:Open-SMOpen-TMcapas...

naveen-15697

@pouyamiralayi no se comporta como esperaba.Si uso 'editor.runCommand('open-blocks')' al cargar, el icono de componentes no está seleccionado. Se añade en la parte inferior del gestor de estilos! 2019-11-11-085143409x567scrot! 2019-11-11-0...

rlopzc

¡@pouyamiralayi @naveen-15697 funciona! Lo uso fuera de la carga, después de inicializar grapesjs. Si lo uso en carga, veo un pequeño retraso al cambiar del gestor de estilos a 'bloques abiertos'. Si es después de '.init({..})' luego, cuan...

navewi

Vale, da igual. Tuve un error de carácter "=" en lugar de ":" en la configuración. Para todos los que tienen el mismo problema: Para añadir un plugin ckeditor en grapesjs, añade el comando extraPlugins en las opciones del plugin en la func...

pouyamiralayi

permiten un redimensionamiento fácil Puedes añadir ''Ressizeable: True'' a tu definición de tipo de componentefuncionalidad al arrastrar y soltar componentes Puedes aplicar esto tanto en el editor como en un componente específico: ¡Salud!

rodenp

Gracias @pouyamiralayi por tu orientación. ¿Esto también funcionará para cosas como columnas?

pouyamiralayi

@rodenp ¡Sí! Cada tipo de componente puede usar esta propiedad.

smik3

La miniatura/imagen que pone en el editor debería escalarse para ajustarse al contenedor. Lo veo en tamaño original en la primera carga, todos los bloques posteriores encajan correctamente en la columna en la que se insertan. Si miras el c...

smik3

Un par de capturas de pantalla que demuestran el comportamiento que estoy viendo... <img width="1021" alt="Captura de pantalla 2019-11-06 at 11 32 16" src="https://user-images.githubusercontent.com/19346508/68294968-394ba600-0089-11ea-941a...

artf

supongo que esto está relacionado con este y probablemente con este @artf Mmm, no realmente Cambiar 'modelThumbElement.setAttributes({"data-gallery":nombrefile});' para usar 'addAttributes' parece solucionarlo, pero no estoy seguro de qué...

adityaMurarka

¡Hola! Puedes especificar la lista de plugins que quieres: salud! Hola pouyamiralayi, Probé tu método pero no funcionó. Cuando intento importar GrapesJS Newsletter Preset recibo 14 bloques y al importar la página web de GrapesJS Preset obt...

pouyamiralayi

@adityaMurarka veo el problema, supongo que hay algunos conflictos cuando todos se reúnen. Dejando de lado ''mjml'', esto es lo que hice (solo suelta unos pocos objetos): Por favor, fíjate en el orden de los artículos, también intenté incl...

adityaMurarka

@adityaMurarka veo el problema, supongo que hay algunos conflictos cuando todos se reúnen.dejando de lado 'mjml', aquí está lo que hice yo (solo deja caer unos pocos objetos): fijaos en el orden de los artículos, también intenté incluir 'm...

artf

Actualmente, no hay documentación sobre cómo extender/actualizar propiedades del gestor de estilos (acabo de descubrir que algunos plugins como grapesjs-style-filter y grapesjs-style-gradient, pero no es suficiente) y, siendo sincero, lo q...

ColinTenaguillo

Esto es lo que he hecho hoy con algunas modificaciones: ! ezgif-3-c8ae3aaa7dc0 Ahora es el aspecto que quería, solo necesito encontrar la manera de poner el contenido que quiero en modal

ColinTenaguillo

Oye, ¿cómo puedo publicar mi rama con mi modificación para una pull request? '''js export default Backbone.View.extend({ template(modelo) { const pfx = this.pfx; volver ' <div class="${pfx}label"> ${this.templateLabel(model)} </div> <div c...

varadero

Duplicado de cierre de https://github.com/artf/grapesjs/issues/2342

pouyamiralayi

@varadero módulo i18n está en la hoja de ruta ¡Salud!

varadero

@pouyamiralayi ¿Pero no es ese i18n mencionado ahí solo un módulo que te permitirá traducir GrapesJS en sí, no el contenido que creó el usuario?

artf

@gentritabazi01 Aquí '''js if(data.status == 'éxito') { component.set('content', data.html); } ``` Puedes usar 'component.components(data.html)', esto reemplazará el contenido por uno nuevo que devuelva el servidor

pouyamiralayi

@gentritabazi01 que yo sepa, depender del almacenamiento del editor para la lógica de tu capa de datos personalizada no es buena idea.guardo todo el contenido de la página en la base de datos mediante el comando de GrapesJS: editor.store()...

artf

queremos eliminar casi todo del Style Manager Puedes cambiar qué mostrar en el Style Manager: https://grapesjs.com/docs/getting-started.html#style-manager Y funciona en función de lo que se selecciona en el lienzoSupongamos que tendremos "...

amenk

¡Esto es muy interesante! @varadero ¿Lo conseguiste y quizá tenías algo de código para compartir?

varadero

¡Esto es muy interesante! @varadero ¿Lo conseguiste y quizá tenías algo de código para compartir? Al final proporcionamos CSS cuando inicializamos grapesjs. El CSS se crea en otro lugar, no dentro del constructor de grapesjs.