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

#40812 de octubre de 2017por dong-dev2 respuestas
Reacciones 1

¿Cómo actualizar la barra de herramientas de un componente?

! imagen Hola Artf, me han añadido un nuevo comando a componente editable, el estilo de actualización funciona bien pero no sé cómo actualizar esta barra de herramientas después de que se actualice el componente (por ejemplo, el icono de alineación de actualización), ¿tienes alguna sugerencia? ' defaultCommands['testC...

artf

Puedes configurar un oyente en actualización de componentes '''js editor.on('component:update', () => { editor.runCommand('testCommand'); }) ``` Ten en cuenta que con 'var styles = sel.get('style')' obtienes el estilo del componente y no l...

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.

#40711 de octubre de 2017por ateshuseyin3 respuestas
Reacciones 0

Definición del nuevo lenguaje de marcado

Hola @artf, Quiero definir un nuevo lenguaje de marcado como mjml para hacer el diseño más fácil y legible. Empecé con '<error>'etiquetar como POC''. Escribe código a continuación; Modelo: 'importar un componente de 'grapesjs/src/domcomponents/model/Component'; const ComponentError = Component.extend({ Predeterminados...

gasserol

¿Has visto que hay un preajuste del autor de este proyecto para mjml? ¿Quizá esto te ayude? https://github.com/artf/grapesjs-mjml

ateshuseyin

Gracias @gasserol. Lo vi pero no pude encontrar el problema.

ateshuseyin

Ahora funciona con drop :) Pero aún no puedo analizar a partir de elementos.

#40511 de octubre de 2017por NicholasGati3 respuestas
Reacciones 0

No se puede arrastrar un elemento de la lista dentro de la lista no ordenada

Ciao, spero che stai bene e grazie per GrapesJS! Estoy intentando crear una forma para que los usuarios puedan hacer preguntas de opción múltiple. El primer bloque de abajo es la sección que tiene una forma con una lista no ordenada en su interior. La lista no ordenada dentro del formulario debería poder aceptar un el...

artf

Hola @NicholasGati creo que podría ser un problema con 'data-gjs-stylable="false"', ¿puedes intentar eliminarlo de '<ul>' y '<li>' y comprobar si funciona

NicholasGati

Hola @artf, gracias por responder. He eliminado 'data-gjs-stylable="false"' y sigue sin funcionar. Me sale el mismo error: 'Colección de objetivos no encontrada, objetivo no se puede soltar...'.

artf

¿Puedes reproducirlo usando algo como jsfiddle/codesandbox?

#40411 de octubre de 2017por thecodefish3 respuestas
Reacciones 9

Cambiar las propiedades de CSS en un componente con una clase existente modifica esa clase en lugar de añadir una nueva

Puedes ver esto en acción en la demo (http://grapesjs.com/demo.html). Selecciona uno de los elementos de navegación (por ejemplo, 'Web'); ten en cuenta que ya existe una clase de 'elemento de menú'. Si ahora cambias algunas propiedades, como la alineación del texto, se aplican esos cambios a la clase de elemento del m...

thecodefish

Pensaba que el comportamiento podría ser algo así: Configuración por defecto (configuración actual):Si el elemento no tiene clases, crear una clase única basada en cid y aplicar estilosSi el elemento tiene clases, aplicar estilos a la unió...

artf

Hola @thecodefish ¿qué opinas de este enfoque? https://codepen.io/artf/pen/jaaKvq Allí verás cómo hacer que los selectores sean privados (no estilizables por el usuario) y el uso de la nueva opción 'avoidInlineStyle', que permite estilizar...

artf

Diría que tienes dos opciones:Simplemente desactiva la clase, en este caso, el ámbito del gestor de estilos cambiará al componente y no a la reglaAñade una nueva clase al componente, en lugar de la regla '.menu-item' obtendrás '.menu-item....

#40310 de octubre de 2017por danfitz363 respuestas
Reacciones 0

Incorpora Juice Inliner (o similar) a CSS en línea para la creación de correos HTML

La demo muestra un boletín, pero no creo que el CSS se inlinee, que es realmente necesario para un mejor soporte por correo electrónico. https://github.com/Automattic/juice

artf

En realidad, sí ! schermata 2017-10-11 alle 14 51 19

danfitz36

Oh, genial, gracias. Supongo que no llegué tan lejos en la demo.

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.

#40210 de octubre de 2017por danfitz362 respuestas
Reacciones 0

¿Qué hará falta para pasar a la versión 1?

¿Se necesitan características específicas, se requiere cierta cantidad de pruebas? ¿Qué es lo que debe ocurrir específicamente y cómo podemos ayudar a que suceda?

artf

Buena pregunta. No le di mucha importancia, probablemente diría que una API más estable, hacer el núcleo lo más seco posible (cosas menos opinativas) y probablemente tener que completar alguna función de la hoja de ruta actual.

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.

#40110 de octubre de 2017por gasserol3 respuestas
Reacciones 0

No se pueden subir imágenes

Hola, al subir una imagen desde el administrador de recursos, me aparece el siguiente error: ! bildschirmfoto 2017-10-10 um 15 44 23 Configuración de AssetManager en editor parece ! bildschirmfoto 2017-10-10 um 15 45 30 La carpeta existe y es grabable. ¿Podrías ayudarme, por favor? Muchas gracias por este excelente so...

artf

El endpoint de subida debería devolver un JSON, parece que tu responde a un HTML

gasserol

Vale, muchas gracias, no sé cómo solucionar esto... Estoy usando un servidor apache normal en localhost para pruebas y creo que este endpoint no responde en absoluto. Intentaré implementar tu solución en el framework yii2, allí puedo encar...

mekamleshk

@gasserol puedes consultar mi código Aquí Pude subir y recuperar archivos.

#40010 de octubre de 2017por sanjeevSavitr3 respuestas
Reacciones 0

Ocultar Un elemento en los comandos

Hola, Quiero ocultar un elemento concreto cada vez que hacemos clic en un botón de barra de herramientas comandos: { Valores predeterminados: [{ id: 'submenuitem', run: function(editor, senderBtn){ Quiero ocultar el elemento "photostack-1" ???? ???? ???? }, }], } Var Domc = Editor. DomComponents; domc.addType('bannerg...

artf

Puedes acceder al elemento desde el modelo '''js const selectedModel = editor.getSelected(); const elem = selectedModel.view.el.querySelector('#photostack-1'); elem.style.display = 'ninguno'; ```

sanjeevSavitr

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.

#39910 de octubre de 2017por bungambohlah3 respuestas
Reacciones 0

¿Puedo pulsar la barra de herramientas en el modal actual y el hijo modal actual?

Hola de nuevo @artf, me confundo con la barra de herramientas push en el elemento con la clase específica (ex: modal-trigger) El código de elementos es : '''html ... <a href="#modal1" data-highlightable="1" class="modal-trigger"> <div data-highlightable="1" class="card"> <div data-highlightable="1" clase="ondas-imagen...

artf

Diría que la forma correcta de hacerlo es extender 'initToolbar()' del modelo de Componentes y poner ahí tu lógica

bungambohlah

diría que la forma correcta de hacerlo es extender '''initToolbar()''' del modelo de Componentes Por supuesto, hago mi barra de herramientas personalizada con el método '''initToolbar()''' Y por favor@artf ¿puedes explicar la lógica para e...

bungambohlah

Perdón por haber solucionado esto con mi lógica, gracias @artf :+1:

Explora todos los temas