Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#45426 de octubre de 2017por Geczy3 respuestas
Reacciones 3

¿Poner el administrador de bloques abierto por defecto?

He probado este código: '''js Mostrar bloques por defecto, no estilos editor. Panels.getButton('views', 'open-sm').set('active', false) editor. Panels.getButton('vistas', 'bloques abiertos').set('activo', cierto) ``` Funciona, pero si haces esto, el selector de dispositivos en la esquina superior izquierda se oculta p...

artf

Prueba solo con '''js editor. Panels.getButton('vistas', 'bloques abiertos').set('activo', cierto) ``` Pero ponlo después del renderizado (si usas 'autorender: false')

Geczy

Ah, configurarlo después de renderizar funciona genial. Gracias

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.

#45326 de octubre de 2017por deffrin3 respuestas
Reacciones 0

Reglas de CSS guardadas anteriormente que no se muestran en Style Manager

Las reglas CSS guardadas previamente usando el método remoto no aparecen en el Administrador de Estilos. Respuesta remota en JSON '{"gjs-assets":"","gjs-css":"*{box-sizing: border-box;}body{margin:0;}#c743{color-de-fondo:#b0aeae;}cuerpo{margin-top:0px; margen-derecha:0px; margen-bottom:0px; marje-izquierda:0px;}#c743{...

artf

Publica la configuración de grapesjs y su versión

deffrin

'''js var editor = grapesjs.init({ contenedor: '#gjs', Plugins: ['GJS-Bloques-Básico'], protegidoCss: '', storageManager: { Tipo: 'A distancia', pasosAntesDeguardar: 10, autoload: cierto, urlLoad: baseurl+'superadmin/educationalContent/get...

artf

Para probar con la última versión

#45226 de octubre de 2017por thecodefish3 respuestas
Reacciones 0

Problema con el redimensionador personalizado (o quizá cómo guardo/cargo componentes)

Estoy intentando construir un redimensionador personalizado para uno de mis componentes. Es una disposición cuadrícula/columna basada en Flexbox y quiero que los usuarios puedan redimensionar una columna (a un ancho fijo) y que las otras columnas ocupen el espacio restante. Ya tengo un componente personalizado para mi...

artf

Sí, tienes razón. Esto ocurre simplemente porque las funciones no son serializables, por lo tanto, cuando grapesjs llama a 'JSON.stringify(Component)' simplemente se copia. La solución para tu caso es sobrescribir el método 'toJSON' en el...

thecodefish

Gracias@artf eso funcionó.

sakshigarg9

@thecodefish ¿Cómo cambias el estado inicial de las propiedades del Redimensionador? ¿A dónde va esta configuración si uso la página web de grapesjs-preset, simplemente bajo grapesjs.init{...}? Quiero fijar una dimensión mínima específicam...

#45126 de octubre de 2017por alexlyul2 respuestas
Reacciones 0

Cargador de imágenes

Hola. Gracias por la herramienta tan buena. Tengo algunas preguntas: ¿Cómo debería configurar esta herramienta de subida http://prntscr.com/h214o4 para guardar imágenes en almacenamiento y en ¿El servidor? ¿Hay algún ejemplo o manual de cómo debería funcionar? ¿Qué respuestas debería enviar mi servidor? Muchas gracias.

artf

Claro, puedes encontrar más información aquí https://github.com/artf/grapesjs/wiki/Assets#uploading-assets

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.

#45025 de octubre de 2017por desprit2 respuestas
Reacciones 1

Soporte flexible

En la demo veo la pestaña "flex" que nos da estilos flexibles a todos. Pero no existe tal pestaña en la versión actual de "0.12.17". ¿Es una construcción personalizada? P.D. Hay muchas otras pequeñas diferencias entre las versiones demo y las disponibles. El tema de la demo tiene un aspecto realmente increíble.

artf

Hola @desprit la demo amplía la biblioteca principal de grapesjs con su propio preset (estilos y plugins). Probablemente pronto cree su propio repositorio Por cierto, aquí encuentras la configuración flexible: https://github.com/artf/grape...

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.

#44925 de octubre de 2017por alissonphp2 respuestas
Reacciones 0

¿Puedo cargar contenido del editor dinámicamente?

Tengo una API REST que recibe y suministra el contenido de los elementos del editor. Se guarda toda la tienda creada por el editor: assets, componentes, css, ... Cada elemento es accesible a través de ruta (por ejemplo, editor / página / 4), cuando carga la API de ruta vuelve al contenido del elemento, sin embargo, al...

artf

Si para contenido te refieres a html/css, probablemente estés buscando 'editor.setComponents('<div>...')'

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.

#44824 de octubre de 2017por ateshuseyin3 respuestas
Reacciones 1

Cómo eliminar SelectorManager

No quiero SelectorManager en mi proyecto.

ateshuseyin

@thecodefish Funciona. Gracias. @artf Este asunto puede cerrarse.

artf

¿Qué quieres decir? SelectorManager es necesario para mantener la colección de clases, forma parte del núcleo, no puedes eliminarlo

ateshuseyin

En la parte superior de la interfaz del gestor de estilo, está la sección de Clases. Quiero eliminarlo de la interfaz de usuario.

#44724 de octubre de 2017por ateshuseyin2 respuestas
Reacciones 1

Soporte multilingüe: Hay algunos textos estáticos

Hola @artf, Como describes antes en el #26, el soporte multilingüe es posible usando configuración. Pero hay algunos textos estáticos en el proyecto. Por ejemplo, https://github.com/artf/grapesjs/blob/88c262be2409734b276d2c22b1f7080ea8359ba1/src/trait_manager/model/TraitFactory.js#L30

artf

👍 Actualizaré para la próxima versión

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.

#44624 de octubre de 2017por fzs19943 respuestas
Reacciones 11

Categoría colapsada en bloques cuando se carga el Editor de uvas

Hola, Quiero que todas las categorías listadas en Bloques estén inicialmente en condición de colapso cuando se carga el editor de Grapes JS. ¿Cómo puedo hacer eso? Además, si se selecciona una categoría, todas las demás se cierran igual que el acordeón. ¿Es esto posible? ! imagen ¡Gracias!

artf

Prueba con esto '''js categorías const = editor. BlockManager.getCategories(); categories.each(category => { category.set('open', false).on('change:open', opened => { opened.get('open') && categories.each(category => { categoría !== abiert...

fzs1994

¡Vaya, tío, muchas gracias! Adelanto: ! imagen :heart_eyes:

faizansaiyed

Asigna a tu clase y estilos personalizados de conjunto con la imagen de fondo Código de EJ: En el bloque bm.add y en CSS

#44524 de octubre de 2017por suchithmahadi3 respuestas
Reacciones 0

Llamar a una función que está fuera del componente igual que se explica en el número #395

Estoy llamando a una función que está fuera del componente igual que se explica en el número #395 pero está devolviendo una cadena en lugar de una función Quiero llamar a la función defaults.drawGauge en script y pasar el id que se crea dinámicamente Estoy atascado, por favor ayudadme grapesjs.plugins.add('liquid-gaug...

artf

Si quieres una función adjunta dentro de la cadena, tienes que pasar una cadena '''js drawGauge: 'function(id){ alerta(1); } ``

suchithmahadi

Perdona @artf no entendí exactamente lo que estás diciendo, ¿puedes explicarlo con más detalle? Aquí quiero llamar a la función ("drawGauge", que está en tercera línea) en la función script de domComponents. Por favor, explícalos relaciona...

artf

Dentro de tu propiedad 'script', '{[ d ]}' se reemplazará por una propiedad 'd' del componente y no puede ser una función, así que si tu resultado final debería ser así: '''js var di = function() {...};

Explora todos los temas