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 203

🔍 enhancement
#33073 de marzo de 2021por neon123454 respuestas
Reacciones 3

HAZAÑA: Proporcionar una versión no minificada

¿Existe alguna versión de un solo archivo de grapesjs que no esté minificada? Sería bueno tener uno para corregir errores y probar rápidamente nuevas funciones o mejoras.

neon12345

Es decepcionante que esto esté cerrado por completo. Claro que podría cambiar mi flujo de trabajo, pero ¿por qué no hacerlo lo más cómodo posible para que la gente contribuya?

stljeff1

¿Alguien podría explicar amablemente cómo usar el sourcemap? Me está costando mucho actualizar a la última versión de uvas y necesito cualquier ayuda para depurar que pueda conseguir. Estoy importando grapesjs a mi app Angular/Typescript....

Ju99ernaut

Eso ya está disponible, solo tienes que consultar 'grapesjs.js' en vez de 'grapesjs.min.js'

#329226 de febrero de 2021por sudiptochoudhury3 respuestas
Reacciones 1

¿Hay algún evento por componente antes de guardar que el componente pueda escuchar?

Te estoy muy agradecido por esta biblioteca. Contexto: Estoy construyendo un editor donde pretendo definir la mayoría de los componentes a partir de un conjunto existente de componentes de Vuejs que he desarrollado anteriormente y que utilizo en mis aplicaciones. La mayoría de estos son componentes simples y complejos...

Ju99ernaut

No estoy seguro de si existen ganchos así por componente, pero puedes intentar aprovechar la propiedad 'toHtml' de un componente. Ya se ha discutido en otros sitios, así que búscalo en los números, ya que hay bastantes.

artf

Sí, puedes definir tus componentes con una función personalizada 'toHTML'/'toJSON' (en el modelo), para personalizar su salida

ClaudeCode

Gracias por informar de esto, @sudiptochoudhury. El problema con ¿Hay algún evento por componente antes de guardar que el componente pueda escuchar? parece ser un problema de condición de carrera o de sincronización de estado. Esto suele o...

#328019 de febrero de 2021por bgrand-chRespuesta 1
Reacciones 0

HAZAÑA: Sin renderizado

¿Qué intentas añadir a GrapesJS? Intento estilizar GrapesJS y posicionar sus elementos (paneles, botones, lienzo, etc.), es molesto anular todos los elementos de estilo. Describe tu solicitud de función Un GrapesJS sin renderizado.Añadir un elemento específico de GrapesJS (paneles, botones, lienzo, etc.) en cualquier...

ClaudeCode

Gracias por informar de esto, @bgrand-ch. ¡Gran sugerencia sobre HAZAÑA: Renderizado! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos:...

#327718 de febrero de 2021por FrancoFasano2 respuestas
Reacciones 1

Tamaño predeterminado del PDF: carta estadounidense ¿Cómo configurar el A4?

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroPlantilla de inicio de JSFiddle https://jsfiddle.net/szLp8h4nPlantilla de inicio de CodeSandbox https://codesandbox.io/s/1r0w2pk1vl *Versión:0.16.3 Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes...

artf

Hola Franco, puedes definir el tamaño del fotograma cambiando dispositivos

ClaudeCode

Gracias por informar de esto, @FrancoFasano. El problema con Tamaño PDF por defecto: carta estadounidense ¿Cómo configurar A4? parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuand...

#326912 de febrero de 2021por acondura4 respuestas
Reacciones 0

Traducción de cadenas HTML

¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola de problemas y la documentación y, por alguna razón, no encuentro nada sobre este tema. A mis clientes no les importa que el editor de grapesjs esté en inglés. Lo que quieren es la...

artf

Esto es algo que tendrías que crear tú mismo. Quizá un componente de texto personalizado, que permita cambiar el contenido con el idioma seleccionado.

jordandevogelaere

@acondura tienes alguna solución para esto? Tengo el mismo requisito para mi cliente. Gracias

gxanshu

Yo también tengo el mismo requisito. Y sí, la única forma de lograrlo es creando nuestro propio componente

#326812 de febrero de 2021por theSC0RP4 respuestas
Reacciones 0

¿Cómo añadir javascript en el HTML sin sanitización?

Hola @artf, estoy tomando input en javascript del usuario. Necesito añadir este javascript dentro del HTML de la plantilla, pero se desinfecta. ¿Hay alguna forma de desactivar la desinfectación? (No tengo problema con los problemas que mencionaste en el #3245) o puedes añadir una propiedad en el editor como 'allowSani...

theSC0RP

Intenté añadir el script al iframe en el que se renderiza el lienzo añadiendo una <script>etiqueta '' al final del cuerpo del iframe. Esto funciona hasta cierto punto. El problema aquí es que cuando necesito actualizar el js dentro del scr...

artf

¿Podrías proporcionar una demostración reproducible de tu problema, por favor?

theSC0RP

Gracias por la respuesta @artf. Estaba cometiendo un error al actualizar el iframe, así que ahora mi problema está resuelto. Otra pregunta, ¿existe algún método incorporado para refrescar el iframe?

#326711 de febrero de 2021por mosh-tudor4 respuestas
Reacciones 1

No se puede configurar el desenfoque de sombra de la caja 0px

Por alguna razón, el editor no permite poner el desenfoque en 0px. 0 siempre se convierte mágicamente en 5px. <img width="243" alt="Captura de pantalla 2021-02-11 at 17 14 05" src="https://user-images.githubusercontent.com/668451/107664461-ba321e00-6c8c-11eb-91ce-4e8a87a2e33c.png"> ¿Puedes reproducir el error de la de...

artf

Este ya debería estar arreglado

artf

Gracias, supongo que hay alguna comprobación falsa con el '0' que lleva al valor predeterminado de 5px.

akankshach29

Me gustaría ayudar a corregir este error. Conseguiré un récord personal.

#324521 de enero de 2021por bgrand-ch3 respuestas
Reacciones 0

Grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante

'grapesjs-custom-code' funciona bien con la etiqueta 'script' hasta GrapesJS 0.16.27; después de esta versión, no se ejecuta contenido de 'script'. ✔️ Editor init() opción: 'allowScripts: 1' ✔️ Importación de plugins: https://github.com/artf/grapesjs-custom-code/issues/11#issuecomment-724512902 ¿Está relacionado con h...

nithinpillalamarri123

Hola, muchas gracias por tu repetición... Sí, exactamente, después de que vuelvas a jugar lo probé con la 0.16.27 del script de bloques personalizados funciona como se esperaba, pero en versiones anteriores a la 0.16.27, mientras arrastras...

artf

Hola @bgrand-ch, probablemente estés hablando de un error 😂 corregido Principales razones por las que no deberías permitir que se ejecute un script aleatorio de un usuario:Auto-XSSNo podemos controlar el script si lo ejecutamos dentro del...

ClaudeCode

Gracias por informar de esto, @bgrand-ch. ¡Gran sugerencia sobre grapesjs-custom-code no se <script> ejecuta desde GrapesJS 0.16.30 en adelante! Aunque esta función específica aún no está en la API principal, existen varias formas de logra...

#323113 de enero de 2021por vatte214 respuestas
Reacciones 2

Cómo cambiar el componente GJS-ckeditor-format

Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar esta opción? Quiero crear mi propio componente personalizado con, por ejemplo, [data-gjs-type]="anyDiv" y tener la misma funcionalidad que en [data-gjs-type]="text". ¿Quizá alguien s...

Abhisheknanda1344463

@vatte21 Para que tu componente sea editable. Tienes que extender el texto en tu componente de esta manera '''js editor. Components.addType('anyDiv', { modelo: { Predeterminados: { Tipo: 'texto', Rasgos:[ ... editor. Componentes.getType(ty...

vatte21

@Abhisheknanda1344463 ¡Gracias! Lo intentaré

abulka

@Abhisheknanda1344463 tu fragmento de código me da un error 'Uncaught ReferenceError: type is not defined' en la línea ¿Dónde se define el 'tipo'?

#32237 de enero de 2021por ianef3 respuestas
Reacciones 2

HAZAÑA: Crear el lienzo a partir de una URL

He estado probando GrapesJS e intentando integrarlo en un proyecto de Symfony 5. En particular, quiero poder editar plantillas en el editor basadas en Bootstrap 4 y otros componentes como FontAwesome Pro y bloques personalizados basados en estos. Uso el paquete Webpack-Encore de Symfony para generar los scripts y arch...

ianef

Es una verdadera pena. No dije nada sobre buscar desde otro sitio, lo que quería era mantenerlo coherente con el resto del proyecto. Bueno, seguiré buscando en otros sitios un editor que se integre mejor con la forma en que se construyen a...

artf

Hola Ian, si necesitas cargar contenido HTML desde una URL solo puedo sugerir que lo obtengas en el lado del servidor e iniciales el editor con ese contenido (cargar recursos externos en el navegador resolvería principalmente el problema d...

ClaudeCode

Gracias por informar de esto, @ianef. Gran sugerencia sobre FEAT: ¡Crea el lienzo a partir de una URL! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sis...

Explora todos los temas