Hola, esta es realmente una herramienta muy, muy buena ¿Podrías compartir algunas ideas en la configuración? Y puedo ayudarte a añadir más para que pueda integrarse en la Wiki para otros.Cómo ampliar los 'ajustes' para permitir al usuario seleccionar/cambiar/modificar el tipo de Graph, por ejemplo, 'Bar graph'Permitir...
artf
Tienes que ampliar la propiedad 'toolbar' https://grapesjs.com/docs/api/component.html#properties
Versión: 0.16.18 ¿Puedes reproducir el error de la demo? No ¿Cuál es el comportamiento esperado? Quiero ocultar el botón de vista previa por defecto manteniendo el botón predeterminado de "Ver código". ¿Cuál es el comportamiento actual? "Ver código" ya no funciona si se elimina el botón de vista previa mediante ''''Ja...
mcottret
¡Hola @rudym87! El problema parece estar causado por la desactivación del botón pulsado para ejecutar el comando (véase más abajo), que hace que el modal se cierre instantáneamente. https://github.com/artf/grapesjs/blob/a85126883fbeafe3a43...
artf
correcto @mcottret, honestamente, ya ni siquiera veo razón para mantener este comando con estado. Así que eliminaría esa función inútil de 'sender.set('active', 0)' y 'stop'. Avísame si tienes una idea mejor
Hola, estoy intentando crear un bloque de temporizador personalizado. El código es el siguiente: Estoy añadiendo contenido dentro de la etiqueta 'table'. En el momento en que arrastro y suelto el bloque aparece un error: Uncaught TypeError: t.get no es una función. Por favor, consulta la siguiente captura de pantalla:...
artf
Como puedes ver, el error se activa desde 'grapesjs-plugin-social', así que no está relacionado con el núcleo. Lo único que puedo sugerir es usar la etiqueta 'tbody' dentro de tu tabla
Hola artf, Soy novato con esto, Grapesjs. ¿Cómo añadir un evento para un componente y obtener el javascript o jquery correspondiente? Gracias a todos
RJCAM
Hola @dat15021999 GrapesJS no soporta código javascript, solo html y css. Aunque puedes recuperar todo el código js ejecutando la función 'editor.getJs()'.
Ju99ernaut
Puedes usar algo como: '''js objetivo const = editor.getSelected(); const code = target.get('script') || ''; algo de lógica para ver y editar código targer.set('script', código); Puedes echar un vistazo a los plugins grapesjs-script-editor...
Hola, He empezado a usar grapesjs y por alguna razón faltan algunos iconos del Block Manager. ! imagen Veo que los iconos que se muestran usan font awesome, mientras que los iconos que no aparecen tienen las clases "gjs-fonts" y, por ejemplo, "gjs-f-b1" Al mirar el CSS, puedo encontrar estos estilos: ¿Por qué no puedo...
EmilIpsen
Por si alguien más entiende esto y acaba aquí sin respuesta: Tuve este problema, después de descargar los archivos CSS + JS en bruto de unpkg; los mismos archivos funcionaban bien al ejecutarlos desde la CDN, pero me daba el mismo error al...
sailor95
Hola @jamejillagit, ¿encontraste la solución para esto? Yo también me enfrenté a lo mismo.
Versión: 0.15.10 ¡Hola! Estoy usando Jest para probar mis componentes Grapes.js. Necesito probar el comportamiento de mis componentes en un entorno diferente, como un modo de edición y un modo de vista previa en Grapes.js editor. Cuando pruebo en modo edición todo va bien, pero cuando necesito probar en modo previsual...
ghost
Se me olvida añadir el elemento de envolvente del editor en el documento actual, así que la inicialización del editor por mi parte no existía en DOM La solución en 12 líneas: <img width="488" alt="solution" src="https://user-images.githubu...
Hola @artf, Pasos: Abro Canvas con GrapesJS, selecciona cualquiera de los componentes, luego haz clic en 'Ir a Random', y aparece un error que dice "No se puede leer la propiedad 'modelos' de indefinidos". Esto solo ocurre si llamo a 'editor.destroy()' antes de navegar a otra página. Pero si quito el destructor, funci...
artf
Gracias@cartifon debería arreglarse en la próxima versión
Nelida27
Hola, Tengo el mismo problema ahora que pasé a la última versión. ¿Debería llamar a editor.destroy()?
Hola, Tengo un componente personalizado de Button-Link creado, y cuando arrastré el contenido a Canvas por primera vez, el componente detecta sus atributos y estilos. Pero después de guardar el componente y recargar la página, falta el tipo de componente personalizado en ese componente, en su lugar muestra el componen...
DmitryTar1
Deberías añadir algún tipo a tu componente y luego analizarlo en isComponent Por ejemplo, el enlace de botones similar componentes const = editor. DomComponents; const link = components.getType('link'); components.addType('custom-link-butt...
Ju99ernaut
@krishnaeverestengineering ¿Cómo guardas y cargas tu trabajo?
artf
Lee la documentación, por favor https://grapesjs.com/docs/modules/Storage.html
Cuando intento añadir una fuente al gestor de estilos, utilizo el siguiente código: 'const prop = editor. StyleManager.getProperty ('tipografía', 'familia de fuentes'); prop.set('options', [ {valor: "'Oswald', sans-serif", nombre: 'Oswald'}, ... ]);` Sin embargo, cuando uso esto dentro de un plugin (en el index.js) qu...
mcottret
¡Hola @tasham16! Creo que este es un comportamiento esperado porque los módulos se cargan después de los plugins en la secuencia de inicialización del editor, y los sectores solo se añaden al módulo 'StyleManager' justo después de haberse...
tasham16
¡Muchísimas gracias! ¡Lo probaré!
artf
La forma correcta es esperar a que se cargue el editor '''js editor.on('load' => { const prop = editor. StyleManager... }) ```
Hola a todos, me gustaría recibir orientación sobre el código que debería añadir/editar para cambiar el aspecto de los paneles. En general, tendré que cambiar todos los estilos de la interfaz, pero quiero empezar con bloques, capas y gestores de estilo. Quiero poder cambiar el diseño, los colores, etc., para que encaj...
Joshmamroud
> @sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?Bueno, no es código, pero puedo explicar mis necesidades bastante mejor con una imagen...En pocas palabras, quiero seguir a parti...
Joshmamroud
@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde?
sircoko
@sircoko ¿Puedes dar algunos ejemplos de código de lo que tienes y explicar con más detalle qué te confunde? Bueno, no es código, pero puedo explicar mis necesidades bastante mejor con una imagen... En pocas palabras, quiero seguir a parti...