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

#16284 de diciembre de 2018por alialrabiRespuesta 1
Reacciones 0

Problema con la eliminación de herramientas personalizadas

Después de eliminar la herramienta personalizada (del editor HTML) que contiene html con código Js, el código sigue en el editor de uvas, ¿cómo puedo eliminarlo?

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.

#16274 de diciembre de 2018por SeongwoonHong2 respuestas
Reacciones 0

$('.gjs-trt-traits') es nulo (intentando tener el sector 'Settings' bajo el estilo)

Hola, Estoy usando webpage preset e intentando que el sector Settings esté bajo Style como en la demo haciendo esto (exactamente igual que demo.html), pero el problema que tengo es $('.gjs-trt-traits'), esto es nulo, por lo tanto, si activo 'Settings' en Styles, queda vacío. Por favor, avísame... ¡Gracias! var traitsS...

artf

Los rasgos no se crean por defecto si no se solicitan, de hecho lo estoy haciendo en la demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1407-L1408

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.

#16263 de diciembre de 2018por ProfSaputo2 respuestas
Reacciones 0

Marcador marcador de posición incorrecto al insertar un componente flexbox en columna

Hola artf, Tengo un problema con el marcador provisional de inserción. Cuando insertas un componente en un Flexbox-Parent, siempre está vertical (como normalmente se requiere). Pero si cambias la propiedad de flex-direction a columna, los elementos se ordenan verticalmente, así que el marcador de posición debería qued...

artf

Gracias @ProfSaputo lo arreglaré en 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.

#162430 de noviembre de 2018por crypto-dump3 respuestas
Reacciones 0

Problema de reemplazar HTML

He definido un nuevo bloqueo de foro así. Quiero reemplazar la clase de recurso por la respuesta ajax html. Actualmente lo he hecho así. El problema es que el Hover no funciona después de este reemplazo. Los datos contienen varias etiquetas div. Quiero que la acción de hover funcione correctamente para la clase forum_...

artf

Deberías cambiar el modelo del componente, no su vista '''js si (modelo) { const resourceModel = model.find('.resource')[0]; resourceModel.components(datos); } ```

crypto-dump

Gracias. Funciona bien. Pero quiero añadir un atributo como data-gjs-selectable: false, data-gjs-editable:false a este resourceModel

artf

Puedes 'resourceModel.set({ selectable: false, editable: false })'

#162330 de noviembre de 2018por froderf3 respuestas
Reacciones 0

Mismo diseño para todos los bloques

Hola @artf, esto en realidad no es un error, pero me gustaría preguntar Si existe algo como el diseño global para cada bloque. por ejemplo, todas las imágenes tienen el mismo borde y radio de borde Lo que quiero hacer esEstablecer un diseño global que se aplique a todos los bloques. Por ejemplo, IMG, botón, texto, col...

ProfSaputo

Creo que para el primer punto buscas componentes normales? https://grapesjs.com/docs/modules/Components.html#how-components-work

froderf

He mirado el enlace pero no tiene lo que busco, aunque realmente agradezco tu ayuda. Lo que busco es algo así:Tengo una interfaz personalizada que genera este código a continuaciónAhora necesito que este código generado se aplique a todas...

artf

@froderf depende de ti cómo crear/mantener un Sistema de Diseño, puedes importar tus clases y, cambiándolas, cambiarás el diseño de cualquier componente con esa clase

#162230 de noviembre de 2018por deviserops3 respuestas
Reacciones 0

Emisión de fuente seleccionada por defecto para fuente personalizada en la tipografía.

Hay un problema de fuente: cuando hago clic en cualquier elemento no muestra la fuente actual del elemento, añadí código personalizado para añadir mis fuentes personalizadas. El código funciona perfectamente, pero no muestra la fuente seleccionada por defecto cuando selecciono un párrafo o cualquier texto.

jrking4

Al final usé algo parecido a lo siguiente para tener Lato como fuente personalizada y configurarlo como fuente predeterminada: '''js editor.on('load', function () { Añadir fuente Lato y establecer como predeterminado const fontProperty = e...

artf

El problema aquí es la fuente calculada del componente seleccionado. Necesitas tener esa fuente calculada dentro de tu lista, si no, no la verás. Como ya ha sugerido @jrking4 puedes establecer tu familia de fuentes por defecto en el cuerpo

deviserops

He encontrado la respuesta: Tienes que añadir la fuente entre comillas simples o dobles, si no no detectará la fuente así porque escribimos fuentes en nuestro CSS como: fuente-familia: 'Oswald' HTML en Browse convierte automáticamente comi...

#162129 de noviembre de 2018por real-ashwin2 respuestas
Reacciones 0

Pregunta sobre los nombres de clase CSS usados en la demo

En la página de demostración https://grapesjs.com/demo.html, veo que los elementos están centrados usando una clase llamada 'ancho de contenedor'.¿Dónde puedo ver la lista completa de asignaturas?¿Cómo sé que tengo que añadir 'ancho del contenedor' al centro? ¿Dónde se define esa clase? Gracias.

artf

¿Dónde puedo ver la lista completa de asignaturas? Utilizando la API Selector Manager¿Cómo sé que tengo que añadir el ancho del recipiente al centro? Bueno, si la demo no lo cuenta, probablemente no haya razón para que tú lo sepas...¿Dónde...

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.

#162029 de noviembre de 2018por mathiasbc2 respuestas
Reacciones 0

No se puede editar texto en bloque

Escribí un plugin que define un nuevo bloque para un titular simple. Sin embargo, cuando arrastro y suelto este bloque en el lienzo, aparece el texto provisional 'Text Here' y no puedo editarlo. ¿Qué me estoy perdiendo?

artf

me aparece el texto provisional Escribe aquí ??? No, no es un texto provisional, esto es lo que escribiste dentro de tu mesa...no puedo editarlo Aquí funciona https://jsfiddle.net/7oeh2man/

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.

#161929 de noviembre de 2018por ghost2 respuestas
Reacciones 0

Clases modales personalizadas

Hola, Gran app, agradezco mucho que hayas compartido esto para la comunidad. Solo una pregunta rápida, me gustaría modificar el tamaño y la apariencia de los diferentes modales, es decir, Exportación, subida de imágenes, etc. Pero parece que no hay una clase/ID único en ninguno de los modales. ¿Hay alguna forma sencil...

artf

Puedes hacerlo interceptando sus órdenes '''js const getDialog = () => document.querySelector('.gjs-mdl-dialog'); const assetsCls = 'gjs-mdl-dialog--assets'; editor.on('run:open-assets', () => getDialog().classList.add(assetsCls)) editor.o...

ghost

Genial, gracias @artf. Lo probaré.

#161829 de noviembre de 2018por ploutos273 respuestas
Reacciones 0

¿Los componentes hijos no se rastrean en los modelos?

Hola, estoy enfrentando un problema extraño y necesito vuestra ayuda. cuando muevo componentes dentro de bloques, en el modelo de vista los cambios se aplicaron correctamente, pero al modelo parece que grapsejs no está siguiendo (o me pierdo algo), los componentes padres (o bloques que puedes comprobar en la imagen 1...

artf

Por favor, crea una demo en directo con pasos para reproducir el problema

ploutos27

Por favor, crea una demo en directo con pasos para reproducir el problema Hola artf, gracias, ¡por favor dadme 1-2 días para crear una demo en directo! ¡Gracias!

ploutos27

@artf aquí está la demo en directo: aquí También he creado un vídeo en directo para ayudarte a entender dónde estoy enfrentando el problema... Enlace al vídeo aquí Avísame Gracias por tu ayuda!!

Explora todos los temas