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 1,399

🔍 outdated
#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() {...};

#44423 de octubre de 2017por ronaldaug3 respuestas
Reacciones 6

¿Cómo cargar el enlace CSS en la etiqueta de cabeza?

Hola, Antes que nada, gracias por aportar un framework de js tan increíble. Soy muy nuevo en Grapesjs. Y también github. https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related Según la wiki de grapesj, cargo los enlaces js dentro del lienzo con los códigos anteriores y funciona bien. Pero cuando intent...

artf

Ya casi llegabas :) '''js lienzo: { Estilos: ['https://...'] } ```

ronaldaug

Muchas gracias @artf, funciona de maravilla.

coder-strange

Tienes que incluirlo por separado al renderizar, no vendrá en getHtml() ni nada parecido.

#44321 de octubre de 2017por roytang2 respuestas
Reacciones 0

¿Es posible restringir que solo se pueda añadir uno de un componente concreto al lienzo?

Queremos definir un componente personalizado que pueda o no añadirse al HTML, pero queremos prohibir la adición de más de uno de ese componente. ¿Se puede hacer esta restricción en GrapesJS?

artf

No es algo incorporado, pero sí que se puede lograr usando la API de GrapesJS Extremadamente fácil sería añadir un oyente (por ejemplo, 'change:changesCount'), buscar en tu componente y luego aplicar tu lógica '''js editor.on('change:chang...

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.

#44221 de octubre de 2017por roytang3 respuestas
Reacciones 0

¿Es posible incluir una hoja de estilo externa en el lienzo de grapesjs?

Queremos crear algunos componentes personalizados cuyo estilo cambie según un css de tema externo (puede haber diferentes temas), y queremos que esos estilos aparezcan en el lienzo durante la edición.

roytang

Por favor, ignóralo. Al final inyecté el enlace de la hoja de estilo usando javascript en el iframe de Canvas de Grapes Inserte una hoja de estilo externa en la ventana Grapesjs var iframes = Utilities_GetElementsByClass("gjs-frame", "IFRA...

artf

Puedes inyectar scripts/estilos mediante la opción de configuración de canvas '''js const editor = grapesjs.init({ ... lienzo: { Estilos: ['https://...', '...'], guiones: ['https://...'], } }); ```

roytang

¡Gracias!

#44120 de octubre de 2017por santiph3 respuestas
Reacciones 0

Ignorar/evitar changeCount

Debido a https://github.com/artf/grapesjs/issues/436, no puedo confiar en el método de carga remota de StorageManager para cargar una plantilla desde un endpoint REST, así que recurro a alternativas como 'editor.setComponents()' y 'editor.setStyle()' (que se usan dentro de un comando, así que 'grapesjs' y 'editor' est...

artf

Hola @santiph bueno, si el problema es 'onbeforeunload' puedes desactivarlo con 'noticeOnUnload' '''js grapesjs.init({ ... avisoOnUnload: falso }) ```

santiph

Hola @artf Necesito avisar al usuario de forma constante sobre cualquier cambio no guardado. Y sáltala cuando no haya nada nuevo que guardar: Cuando se crea una plantilla vacía nueva, justo después de guardar o después de cargar una planti...

santiph

Podría probarlo completamente con almacenamiento remoto: 'onbeforeunload' está desactivado, como era de esperar, al cerrar justo después de guardar. Desafortunadamente, todavía se muestra al cerrar justo después de cargar una nueva plantil...

#44020 de octubre de 2017por ateshuseyin3 respuestas
Reacciones 0

No funciona con jquery

Yo uso jquery en mi proyecto. Después de la versión 0.12.8 no funciona con jquery. El prt de mi webpack.config es; Cuando intento soltar un bloque, lanza;ComponentsView.js:76 Uncaught TypeError: No se puede leer la propiedad 'longitud' de indefinido en child.addToCollection (ComponentsView.js:76) en child.addTo (Compo...

artf

¿Te da el mismo error con todos tus bloques? ¿Incluso con alguna oficial?

ateshuseyin

Derecha. Me sale el mismo error con todos los bloques definidos en el plugin mjml.

artf

Vale, me gustaría saber si tiene algo relacionado con jquery. ¿Puedes reproducirlo sin el plugin de mjml? (última versión)

Explora todos los temas