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 877

🔍 question
#33959 de abril de 2021por Abhisheknanda13444632 respuestas
Reacciones 1

Observación -: Vista móvil inconsistente

Hola @artf Por favor, echa un vistazo al vídeo adjunto. He comprobado la vista móvil y he observado que la vista móvil es diferente en comparación con la vista editor-móvil. ¿Alguna opinión al respecto? o se supone que debe ser así de trabajo Grabación de pantalla 2021-04-09 a 2.55.45 PM.zip

Abhisheknanda1344463

Está arreglado. Cerrando el tema.

ClaudeCode

Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Observación -: Vista móvil inconsistente. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#33948 de abril de 2021por alext27933 respuestas
Reacciones 1

UndoManager añadir

¿Cómo añadir un evento de deshacer/rehacer a UndoManager desde un editor personalizado de texto enriquecido ckeditor?

Ju99ernaut

'UndoManger' suele registrar los cambios en los modelos de componentes, así que si puedes registrar los cambios desde el RTE en el componente de alguna manera, podría funcionar. No estoy completamente seguro de cómo funcionaría esto, así q...

artf

Sí, como ya mencionó @Ju99ernaut todos los grandes editores de RTE implementan su propio gestor de deshacer. De hecho, cuando el RTE está habilitado (integrado o personalizado) todos los accesos directos están desactivados para no interfer...

ClaudeCode

Gracias por informar de esto, @alext2793. Buena pregunta sobre UndoManager add. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el...

#33906 de abril de 2021por christosapos2 respuestas
Reacciones 0

Cambia el rasgo marcado del componente de casilla de verificación con el componente de clic dentro.

¿Es posible cambiar el rasgo 'marcado' de un componente de casilla de verificación simplemente haciendo clic en componente dentro del lienzo?

artf

Sí, claro, el rasgo lee el valor del modelo de componentes, así que si cambias el valor vinculado, el rasgo debería cambiar

ClaudeCode

Gracias por informar de esto, @christosapos. Buena pregunta sobre Cambiar el rasgo marcado del componente de casilla de verificación con clic dentro del componente.. El enfoque recomendado con Canvas es usar la API orientada a eventos. Emp...

#33896 de abril de 2021por xinnai4 respuestas
Reacciones 0

MultiSelect algunos elementos y los estilos de cambio solo funcionan en el último elemento seleccionado

Hola, cuando selecciono varios elementos usando 'shift' y cambio el estilo en StyleManager. Solo el último elemento al que se hace clic actualizará el estilo. ¿Puedes ayudarme a solucionar ese problema? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

No estoy seguro de si hay una opción para eso, probablemente no se implemente la edición de múltiples componentes para el gestor de estilos. Podrías usar las clases como solución alternativa.

artf

En realidad funciona en la demo, ¿puedes crear una demo reproducible?

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

#33885 de abril de 2021por ahmedderkaoui2 respuestas
Reacciones 1

HAZAÑA: añadir indicación como rasgo sin ninguna entrada.

Quiero añadir una indicación para un rasgo. Para mi componente, tengo los rasgos: y para el tipo 'indicación-formatode de fecha', creé el tipo: Sin embargo, recibo una entrada dentro de este tipo que he creado aunque no estuviera en su plantilla: ! git ¿Hay alguna forma de desactivar la entrada predeterminada del rasg...

ahmedderkaoui

Usar el método siguiente funciona bien:

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre FEAT: añadir indicación como rasgo sin ninguna intervención.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docum...

#33875 de abril de 2021por assadnazar4 respuestas
Reacciones 0

HAZAÑA: Cargar a través de la URL

¿Podemos añadir una opción para cargar a través de la URL? por ejemplo, ¿Pasamos una URL al init y allí se inicializa la página con el editor?

Ju99ernaut

Es bastante difícil encontrar una solución universal debido a las restricciones del CORS.

artf

Es bastante difícil encontrar una solución universal debido a las restricciones de CORS. Correcto, si tu intención es cargar HTML de algún sitio externo, deberías tener un servidor para obtener el contenido.

assadnazar

@Ju99ernaut, @artf quiero cargar las páginas de los mismos dominios para editar html.

#33853 de abril de 2021por pranay22102 respuestas
Reacciones 0

¿Cómo usar grapesjs con nuxtjs?

Estoy intentando cerrar grapesjs con el framework Nuxtjs, ¿alguna solución para esto?

artf

Creo que se trata simplemente de crear un componente de Vue para GrapesJS y usarlo en algunas de tus páginas

ClaudeCode

Gracias por informar de esto, @pranay2210. Buena pregunta sobre ¿Cómo usar uvasjs con nuxtjs?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...

#33832 de abril de 2021por KieronWiltshire4 respuestas
Reacciones 0

¿Es posible incluir el estilo en el html?

Actualmente estoy usando grapesjs para crear plantillas de correo, pero cuando importo HTML con la <style> etiqueta ya dentro, antes de que se guarde se separa el HTML y el CSS. Cuando esto se almacena en mi base de datos backend, no hay <style> <link> ninguna etiqueta or en el HTML, en su lugar se almacena por separa...

Ju99ernaut

Grapesjs no soporta inlinecss, pero puedes usar la misma técnica que aquí https://github.com/artf/grapesjs-preset-newsletter. Utiliza el paquete 'juice' para fusionar el html y el css

artf

Sí, en este momento el CSS en línea está analizado para el CssComposer y eliminado del DOM. Esto permite al editor editar sus estilos.

ronaldohoch

Una pregunta al respecto. ¿Cómo puede CKEDITOR editar poniendo el span con estilos en línea y mantenerlo después de cerrar y volver a abrir la misma plantilla?

#33822 de abril de 2021por Squirrel14892 respuestas
Reacciones 1

No puedo añadir más de 2 proyectos en la versión gratuita

! Captura de pantalla (11)ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmacio...

Ju99ernaut

'Grapesjs' y 'Grapedrop' son proyectos separados, deberías intentar plantear tu problema aquí https://spectrum.chat/grapedrop

ClaudeCode

Gracias por informar de esto, @Squirrel1489. El problema de No poder añadir más de 2 proyectos en la versión gratuita parece ser una condición de carrera o un problema de gestión estatal de tiempos. Esto suele ocurrir cuando los eventos de...

#33812 de abril de 2021por pranay22103 respuestas
Reacciones 1

Cambiar entre componentes da un error máximo de tamaño de pila de llamadas

Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una función de nueva página en mi proyecto, así que estoy usando tu referencia para cambiar entre componentes, pero me da un error. ¿Podrías indicarme cómo construir una nueva página al hac...

Ju99ernaut

Creo que los arrays no son el mejor método para almacenar objetos de página, así que ejecutar operaciones de array para conseguir la página más cargarla probablemente sea demasiado para tu pila de llamadas. Deberías considerar cargar las p...

artf

No sé qué está pasando por tu parte, pero te sugeriría que estés atento al #3206, ya que el gestor de páginas integrado está casi listo (actualizaré ese número).

ClaudeCode

Gracias por informar de esto, @pranay2210. ¡Gran sugerencia sobre Cambiar entre componentes da un error de tamaño máximo de pila de llamadas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

Explora todos los temas