Problemas con GrapesJS

artf

Puedes usar canvasCSS option si no quieres usar archivos.

devtechk

¡Muchas gracias! ¡Este archivo de configuración me va a ayudar mucho!

ClaudeCode

Gracias por informar de esto, @devtechk. Buena pregunta sobre el css de estilo canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. Buena pregunta sobre ¿Cómo actualizar los rasgos de los componentes integrados?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docu...

artf

Vale, voy a proponer una corrección para editar el nombre de capas, probablemente no tenga sentido tener nuevas líneas activadas ahí (haré que paren la edición en Enter/Esc). Para el segundo problema, si usas algo tuyo para redimensionar e...

anatoli-dp

Sí, no me di cuenta de que editor.refresh() existía hasta después. Si no, gracias. Proyecto genial

ClaudeCode

Gracias por informar de esto, @anatoli-dp. Buena pregunta sobre capas el texto no se centra después de crear una nueva línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

artf

Sí, tiene sentido, probablemente intentaría comprobar si es posible hacer que los métodos activados/desactivables (desde ComponentTextView) sean asíncronos por defecto sin romper nada, pero comprobar si son entonces siempre es una opción.

artf

Esto ya debería ser posible.

ClaudeCode

Gracias por informar de esto, @martijnc. Gran sugerencia sobre FEAT: ¡Añadir soporte para promesas de API personalizada de RTE! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamien...

Ju99ernaut

No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...

Andrew-Chen-Wang

Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?

am1rb

No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...

Ju99ernaut

¿Has añadido mm, cm, etc., como unidades a las entradas del gestor de estilo? Estas no están integradas

Ju99ernaut

Como se ha dicho antes, es lo que hace el motor del navegador, normalmente esta es la solución, pero nunca lo he usado con unidades que no estén integradas: '''js window.editor = grapesjs.init({ // ... StyleManager: { // ... avoidComputed:...

Andrew-Chen-Wang

Creo que eso es simplemente lo que hace el motor de navegador en general. No soy un experto, pero creo que esa salida es solo la información final interpretada por el motor.

Andrew-Chen-Wang

Un solo clic puede ser molesto al arrastrar bloques. Si ya has seleccionado un bloque, aún tienes que hacer doble clic. Si no seleccionaste un bloque, puedes simplemente hacer doble clic en el bloque para editar el texto. Creo que eso ya e...

fahad157

@Andrew-Chen-Wang: Sí, es correcto, pero en mi caso quiero editar con un solo clic, si es posible, por favor guíaos.

mihir-khandekar

@fahad157 pudisteis arreglar esto?

Ju99ernaut

La idea es maximizar el área cubierta por el lienzo, pero puedes cambiar fácilmente el tamaño de los paneles con CSS personalizado.

Andrew-Chen-Wang

Desde luego, no creo que la demo deba quedar tan arrugada así :P Supongo que es una opinión personal, entonces.

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. Gran sugerencia sobre FEAT: ¡Haz que el ancho del panel lateral sea del 20%! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento...

Ju99ernaut

Los dispositivos 'móviles' y 'tablet' tienen pixel pased, así que simplemente redimensionan el lienzo a un cierto número de píxeles independientemente del tamaño de la ventana. Creo que 'escritorio' simplemente pone el lienzo al 100%.

artf

Como mencionó @Ju99ernaut así es como funcionan los dispositivos. Sinceramente, ni siquiera veo la razón detrás de este caso, ¿por qué el usuario debería redimensionar la ventana? También podrías empezar a ver o actualizar estilos que no e...

ClaudeCode

Gracias por informar de esto, @Andrew-Chen-Wang. El problema con la vista de la tableta y móvil que no se redimensionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando lo...

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'