Problemas con GrapesJS

yashvi2026

Cómo usar Habilitar la edición editor.getSelected().view.enableEditing(); Esto da un error

GJS Helper

El problema "editor is undefined" al intentar usar enableEditing en la consola del navegador indica que la instancia del editor de GrapesJS no es accesible en el ámbito actual de tu consola. El método enableEditing forma parte del objeto e...

artf

Por favor, evita crear problemas de errores si no tienes ningún enlace reproducible

GJS Helper

El error "namespace no encontrado" al instalar plugins GrapesJS como grapesjs-basic-blocks o tui-image-editor en una aplicación Angular suele indicar un problema con cómo se importan e inicializan los módulos, o cómo se cargan sus dependen...

artf

Gracias@Baghunts, buen apunte. La solución temporal actual sería '.addStyle({ 'border-left': '...' })`

GJS Helper

El problema en el que un estilo background-image no se aplica correctamente a un componente en GrapesJS suele deberse a una de dos razones comunes: una sintaxis incorrecta de CSS url() o que el componente carece de dimensiones suficientes...

artf

Como se explica aquí, no deberías reimportar el HTML de salida para editar el proyecto, solo el JSON.

GJS Helper

El problema que has encontrado, cuando la función script de un componente se ejecuta dos veces después de guardar y recargar la página, es un comportamiento conocido (o un error, según la perspectiva) en el sistema de gestión de scripts de...

davidrhoderick

Curiosamente, el estilo basado en CSS funciona.

artf

Parece que el transformador Parcel está intentando importar 'codemirror/lib/codemirror.js' en lugar de 'codemirror/lib/codemirror.css' en esta línea: '''css @import "codemirror/lib/codemirror"; ``` Así que sugeriría abrir el problema en el...

GJS Helper

El problema que te encuentras, @parcel/transformer-sass: expected "{" al importar GrapesJS SCSS, es un problema común relacionado con cómo empaquetadores de módulos como Parcel resuelven y procesan la importación de hojas de estilo, especi...

artf

El comportamiento es correcto porque 'style:property:update' se activa en cualquier actualización del Administrador de Estilos Property (no solo en su valor). Así que para tu caso específico tendrías que actualizar la callback de esta mane...

SagarMaria

Hola @artf, gracias por la rápida respuesta, pero en realidad, parte del problema sigue siendo que, incluso después de hacer un cambio, por ejemplo, hacer clic en "centrar" alinear opción de radio con la instrucción if que sugeriste, las s...

GJS Helper

Gracias por informar de esto, @SagarMaria. Buena pregunta sobre Style:property:update y Property onChange que se activan excesivamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la d...

DanavsSite

! 2023-04-29 143431-Greenshot

DanavsSite

Acabo de enterarme de que es por WebView 2. Soporte para webview2??!

artf

Creo que esto está más relacionado con alguna configuración Tauri que con GrapesJS, ya que usamos el arrastre y solta nativo de HTML5

artf

Esto es similar a este uno, tienes que poner la instancia del editor fuera de la instancia de Vue para saltarte sus proxies

GJSBlock

Gracias por informar de esto, @TO-JHummel. Buena pregunta sobre Crash al arrastrar a componentes anidados con Vue+Vite.. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

artf

@Spiral1234 si no puedes reproducir el problema probablemente sea algo tuyo y sin una demo reproducible es difícil entender qué podría ser un problema

GJS Helper

El problema que estás encontrando proviene de cómo GrapesJS procesa y normaliza los estilos, especialmente los estilos en línea, al importar HTML. Vamos a desglosar la causa raíz y proporcionar el enfoque correcto. Explicación de la causa...

artf

Gracias @ngoc199 por favor avisadme si faltan otras declaraciones de las versiones anteriores

GJS Helper

Este es un problema conocido relacionado con los archivos de declaración TypeScript (.d.ts) en GrapesJS v0.21.1. El problema surge porque las definiciones de tipo para ciertas funcionalidades principales, como Components.addType y la defin...