Hola, Estoy intentando implementar la posibilidad de guardar elementos como bloques personalizados. ¿Cómo puedo obtener CSS de un componente y sus hijos? Puedo obtener estilos recursivamente de cada componente anidado, pero quizá haya alguna forma de hacerlo más fácilmente.
Ayuda con FireStore, ya que he conseguido guardar en la base de datos de Fideleow, ahora me gustaría saber cómo puedo cargar esos valores desde la base de datos y mostrarlos como plantilla. Soy nuevo y necesito ayuda, perdón por lo malo, este es mi código. Los datos que uso son de un ejemplo, así que no importa mucho...
artf
Puedes activar 'autoload: true', o puedes cargar datos programáticamente llamando a 'editor.load()'
Pregunta de principiante aquí, he añadido el plugin 'grapesjs-style-bg' a la pila, ¿y ahora cómo lo muestro en mi StyleManager? Restablezco todos los sectores desde el StyleManager al inicializar, y luego los añado uno por uno usando 'styleManager.addSector("id", {...})`.
hellocaio
@pooriamo, ¡gracias, tío! ¡Salvavidas! ¡Funciona genial! :))) ¡Gracias también por la hoja de trucos, hay muchas cosas extrañas ahí!
pooriamo
Puedes hacer trampa desde aquí: https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1127 Debes añadir 'background-bg' al array 'buildProps' y luego configurarlo en propiedades, el 'tipo' debe ser 'bg':
Hola, quiero usar showComputed: false, para evitar contar derecha/izquierda/arriba/abajo para la posición absoluta. Pero cuando inicializo grapesjs con este parámetro, el gestor de estilo no muestra valores de css-prop para el tamaño de pantalla de tableta o móvil: ! imagen Puedes consultarlo aquí https://codepen.io/m...
artf
¿Pasos para reproducirse, por favor?
makkaronis4e
Dejar caer algún elemento sobre el lienzoAñadir algunos estilos (por ejemplo, color de fondo)Cambiar a la vista tablet/móvilComprueba el valor de la prop de estilo en el Style Manager (será el valor por defecto).
artf
Ah, vale, ahora lo entiendo. Desafortunadamente, mostrar un estilo de vista diferente forma parte de la función 'showComputed', así que desactivarla es lo que obtienes.
¡Hola de nuevo! Nuestro equipo ha estado intentando recientemente actualizar el canvas de GrapesJS de forma programática *sin activar accidentalmente un evento de 'actualización'. Si nuestro entendimiento es correcto, esto significaría permitir que una llamada a 'setStyle' o 'setComponents' no desencadene un evento de...
artf
Sí, en realidad podría tener sentido tener 'opciones' en estos métodos, así que una asistencia personal sería bienvenida.
Hola @artf Llevo mucho tiempo trabajando con esa herramienta tan increíble Lo integro con React, creo un componente del plugin React para ello, y creo un rasgo personalizado para obtener datos de la API y renderizarlo en el plugin, configuro un almacenamiento local y también creo un botón para guardar todos los datos...
artf
Seguro que no configuraste bien el Gestor de Almacenamiento Por favor, lee atentamente esta guía https://grapesjs.com/docs/modules/Storage.html
i3laddin
Gracias @artf por responder, sé cuánto tiempo es importante para ti, pero perdón por eso, lo configuré correctamente, además tengo 200 para la post-request, además recibo todo html, componentes y css para load requests, pero tengo un peque...
Oye, tío, una vez más, gran trabajo con el GrapesJS, estás consiguiendo un montón de cosas, ¡es increíble! Así que, mi pregunta es, ¿cómo puedo añadir varias propiedades CSS con un solo botón en el StyleManager? Lo que quiero añadir es una 'pantalla: flex; justificify-content: center', lo que hemos encontrado ahora en...
Ju99ernaut
Por ahora no creo que puedas hacer eso con el 'StyleManager', puede que sea más fácil usar rasgos
artf
¡Sí, desafortunadamente, @Ju99ernaut es cierto! Probablemente pronto empiece a trabajar en la API de StyleManager, que permitiría un nivel de personalización similar al que tenemos en Traits
He notado que en https://github.com/artf/grapesjs/issues/74 cuando se menciona el cambio al editor basado en Pell, el uso de Document.execCommand se mencionaba como un problema. Ahora veo que según https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand se considera obsoleto, así que nos preguntábamos si...
artf
Me gustaría evitar poner bibliotecas externas en la biblioteca central (de hecho, todavía tenemos que extraer algunas de ellas). Si necesitas quilljs, puedes intentar añadirlo como un RTE personalizado. Lo cierro porque no hay una alternat...
artf
nos preguntábamos si tenéis planes de cambiar a un nuevo editor. ¿Nuevo editor? ¿Cuál sería la alternativa?
mikeholczer
¿Qué información adicional buscas? He buscado rápidamente en Google y he encontrado https://quilljs.com/ buscando su código fuente en github, el único uso de execCommand que veo es https://github.com/quilljs/quill/blob/fd400525d551315b6fa9...
Hola, estoy intentando activar más de un botón personalizado en el panel al mismo tiempo. Creo que cuando creo algún botón personalizado en un panel (usando el código de abajo) tendrán el mismo comportamiento que las entradas normales de radio html, lo que significa que solo puedes seleccionar uno y no más de eso. Mir...
RJCAM
Gracias, @Ju99ernaut, era justo lo que necesitaba.
Ju99ernaut
Tienes que añadir un 'contexto' diferente para cada botón '''js editor. Panels.addButton('options', [{ //... Contexto: 'Un hilo', // ... }]); ```
Hola Cuando elijo un bloque e intento cambiar los estilos, no pasa nada. (Estoy usando el preajuste web) ! Laravel Aquí está mi configuración:
VojtechLanka
Tuve el mismo problema, añadir 'widthMedia: ''' a mi dispositivo personalizado lo solucionó. Creo que hay algún problema al usar milímetros en consultas de medios para que los estilos no se apliquen porque piensa que el lienzo es demasiado...
pooriamo
Parece que hay un problema con el tamaño personalizado del dispositivo. Cuando pongo el tamaño por defecto en escritorio, funciona.