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

#7257 de enero de 2018por hesa20202 respuestas
Reacciones 0

CSS Editor

Hola, me gustaría saber cuál sería la mejor opción para ampliar el Editor. Hay algunas características que me gustaría añadir para mi proyecto:Vista dividida (Editar / Vista previa)CSS Editor (Crear clases, animaciones, etc., y luego puedo configurar mi elemento para usar esa clase)Editor HTML (seguro que se puede hac...

artf

Hola @hesa2020 Deberías crear plugins para personalizar el editor y puedes empezar leyendo aquí. Otro recurso importante para personalización es API Reference, si tienes problemas intenta revisar primero los problemas de los repositorios....

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.

#7245 de enero de 2018por kickbk3 respuestas
Reacciones 0

This.get(...). cada uno no es una función

Conseguir esto.conseguir(...). cada uno no es una función' con la última versión 0.12.58 (CDN min.js). La línea que lo activa es return 'this.get("classes").each(function(e){return t.push(e.get("name"))})'

NicholasGati

Solo me pregunto, ¿esto se pone (...)'¿Devolver un arreglo? Si no, quizá puedas probar esto: No sé si ese es el problema, pero pensé en aportar algo para ayudar:)

ryandeba

Hola @kickbk, No está claro a qué se atla 'esto' en tu código... ¿Eso es una referencia a algún componente? Si pudieras crear un jsfiddle para demostrar el error, sería de gran ayuda. Hasta ahora no he podido reproducir el error. Ejecuté e...

kickbk

Gracias por responder, chicos. Rastreé el problema a los Rasgos de mis componentes personalizados. Lo que lo desencadena es que cargo valores por defecto para los rasgos: Como puedes ver, mi plugin se extiende en grapesjs-mjml. Cambiar el...

#7235 de enero de 2018por NicholasGati2 respuestas
Reacciones 0

Registro de cambios entre versiones

¡Eh, Artur! No estoy seguro de si "Problemas" es la página adecuada para escribir esto porque es más bien una sugerencia. Se necesita un registro de cambios entre las versiones de GrapesJS. Estamos usando GrapesJS en un proyecto y actualmente estamos cambiando de una versión antigua a la más actualizada. Aunque hemos...

artf

Hola @NicholasGati, Puedes encontrar el registro de cambios dentro de las versiones de GitHub https://github.com/artf/grapesjs/releases

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.

#7225 de enero de 2018por wvaymen3 respuestas
Reacciones 0

Cómo añadir subcategorías de bloques

Sabría si hay algún método para añadir bloques en una subcategoría dentro del panel de bloques.

artf

No @wvaymen solo puedes poner bloques dentro de categorías

wvaymen

¿Puedes darme un ejemplo? Gracias por tu ayuda

artf

'''js blockManager.add('your-block', { etiqueta: 'Etiqueta', categoría: 'Alguna categoría', contenido: '<div>Contenido</div>', }); ```

#7215 de enero de 2018por wvaymen2 respuestas
Reacciones 0

Añadir Component Script Js

Tengo una pregunta sobre cómo inyectar script js en GrapesJs. ¿Puedo añadir <script> en grapesJS usando function editor.getComponents().add() y no inyectar usando javascript. document.createElement('script')?

artf

@wvaymen claro, pero tienes que activar la importación de scripts antes '''js const editor = grapesjs.init({ ... permitenScripts: 1, }); editor.addComponents('<script>alert(1)</script>'); ```

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.

#7205 de enero de 2018por krunal0393 respuestas
Reacciones 0

Indicador de Documento Sucio

Quiero mostrar el indicador de suciedad del documento a menos que el documento se guarde en la base de datos. Tengo un botón personalizado en el editor para guardar HTML en la base de datos; probé debajo del #551, pero solo dispara mientras se carga HTML de base de datos a Canvas y no se activa para ningún cambio desp...

artf

Lo probé en la demo y funciona como era de esperar '''js editor.on('change:changesCount', (model) => { console.log('cambiado'); }); ```

austinbiggs

@artf - Lo he probado en mi código y no pasa nada. ¿Esto te funciona? Estoy usando v. 12.58 😄

artf

¿Esto te funciona? Sí, funciona con la demo (que usa la última versión)lo he probado en mi código y no pasa nada ¿Has intentado cambiar la estructura de la plantilla?

#7195 de enero de 2018por richieteh943 respuestas
Reacciones 0

Problema de respuesta para la imagen de subida

Sé que es un problema antiguo, pero tengo un problema con la respuesta en la que intenté devolver una respuesta usando asp.net para responder A continuación está mi código (código de servicios para guardar en el directorio y devolver una respuesta): (código en ashx asp.net) ' contexto. Response.ContentType = "texto/pl...

artf

hay un error al analizar la respuesta en grapesjs ¿Qué error??? Probablemente solo intente cambiar el contexto. Response.ContentType = "texto/plano";' con 'contexto. Response.ContentType = "application/json";'

richieteh94

Hola @artf el error es ! imagen Intenté cambiar el 'contexto'. Response.ContentType = "application/json";' pero aún así obtienen el error anterior Y mi respuesta desde el servicio es la siguiente ! imagen la respuesta se obtiene usando Fid...

artf

El token E inesperado en JSON en la posición 0 significa que tu respuesta no es una cadena JSON válida (que debería empezar, por ejemplo, con '{' o '[' no 'E', probablemente hay un 'Error...'). Consulta la respuesta en tus herramientas de...

#7185 de enero de 2018por krunal0392 respuestas
Reacciones 0

Añadir descripción al rasgo

¿Hay alguna forma de añadir descripción al rasgo? Tenemos el rasgo de abajo y queremos añadir una descripción para que el usuario entienda cuál es su propósito. ' rasgos: [{ Tipo: 'Casilla de verificación', etiqueta: 'Activo', nombre: 'isActive', cambioProp: 1, Descripción: 'Pondremos el deslizador disponible en la pá...

artf

No, pero puedes definir Traits personalizados y personalizar el método 'renderField'

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.

#7175 de enero de 2018por endersaka3 respuestas
Reacciones 0

Grapejs y WordPress

Hola. Creo que este proyecto es increíble. Me interesa especialmente lo que está escrito en la página "README.md", donde presentas una imagen que muestra el proceso de conectar Grapesjs con un CMS, y también leí el número #41. A pesar de toda esta información, tengo un conocimiento muy pobre de Grapesjs en este moment...

artf

Hola @endersaka, gracias por vuestros agradecimientos y sugerencias. El plugin de WordPress para GrapesJS es sin duda una buena muestra de integración con CMS, pero trabajar en el proyecto solo en su tiempo libre y la falta de conocimiento...

endersaka

@artf gracias por tu respuesta. Tengo el mismo problema con el tiempo libre; aunque probablemente lo intentaré. Esta mañana he leído la documentación de Componentes con más atención y veo algunas oportunidades. Como los componentes realmen...

artf

Genial 👍 Como los componentes realmente se almacenan en el modelo de datos JavaScript de Grapesjs, no estoy seguro, pero veo una oportunidad para generar algo que afecte al modelo de Componets en lugar de su representación HTML en el edit...

#7165 de enero de 2018por krunal0393 respuestas
Reacciones 3

No permitir el redimensionamiento selectivo de la imagen

No quiero que el usuario redimensione la imagen en una zona específica de la plantilla, pero quiero permitir cualquier lugar en el lienzo. Quiero que el usuario simplemente elija imagen y no permite redimensionar para una clase/elemento específico.

artf

Probablemente necesites hacer algo así en el render '''js const wrapper = editor. DomComponents.getWrapper(); wrapper.view.$el.find('#someid img').each((el, i, $els) => { const $el = $els.eq(i); modelo const = $el.datos('modelo'); model &...

faruk247

cada uno (el, i, $els), crea error. Simplemente sustituye por chacun( función(el, i, $els) Código completo: var wrappers = editor. DomComponents.getWrapper(); wrappers.view.$el.find('.rm-editable img').each( function(el, i, $els) { var $el...

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.

Explora todos los temas