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
#33802 de abril de 2021por alemenciones2 respuestas
Reacciones 0

Propiedades predeterminadas no seleccionadas en StyleManager

Hola querida, ¿puedes saber por qué no se selecciona las propiedades predeterminadas en el administrador de estilos? ¿Qué evento puedo activar para actualizar esto? ! imagen

artf

Intenta comprobar tu configuración para el https://github.com/artf/grapesjs/blob/dev/src/style_manager/config/config.js 'styleManager' (highlightChanged debería ser 'true')

ClaudeCode

Gracias por informar de esto, @alemenciones. Buena pregunta sobre Propiedades por defecto no seleccionadas en StyleManager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#33781 de abril de 2021por dluague2 respuestas
Reacciones 0

Texto nulo tras guardar.

Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? No debería haber texto nulo. ¿Cuál es el comportamiento actual? Tras guardar los datos en la base de datos y recuperarlos (ver objeto componentes adjuntos), aparecerá el nulo. Así es como asigno los componentes qu...

artf

Parece que es un problema por tu parte porque no puedo reproducirlo (¿quizá estás haciendo algo mal en tu parte trasera?). Intenta crear primero una demo reproducible (usando el localStorage)

ClaudeCode

Gracias por informar de esto, @dluague. El problema con texto nulo tras guardar. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...

#33761 de abril de 2021por rcloss4 respuestas
Reacciones 3

Cambio de la URL de subida de AssetManager de forma programática

Tengo una situación en la que, dependiendo de cómo se abra el Gestor de Activos, quiero pasar una URL de subida ligeramente diferente. En el evento asset:upload:start lo tengo buscando qué URL de subida debe usar, y si tengo que cambiarla, hago el amConfig = editorAssetManager.getConfig() amConfig.upload = 'NUEVA URL'...

SzaboGabesz

editor. AssetManager.config.upload = 'NEW_URL' lo hará

Ju99ernaut

El valor en la configuración solo se usa durante la iniciativa, así que cambiarlo no sirve de nada, quizá cambiar estos recursos pueda ayudar: '''js editor. Assets.FileUploader().config.upload = 'NEWURL'; editor. Assets.AssetsView().config...

rcloss

Gracias, acabo de probar ambos, pero no ha tenido suerte, al menos en el evento asset:upload:start

#337531 de marzo de 2021por christosapos2 respuestas
Reacciones 0

No se pueden añadir espacios al componente de botón extendido basándose en el componente de texto.

Hola a todos, Antes que nada, me gustaría expresar mi agradecimiento por esta increíble herramienta. Tengo un componente de botón extendido basado en el componente de texto para poder editar el contenido del botón manualmente sin usar rasgos. El código para el componente de botón extendido es este: VAR Comps = Editor....

artf

Parece que el espacio activa el evento de 'clic' en Chrome. La solución parece ser añadir el preventDefault en 'keypress' https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button PD: Evi...

ClaudeCode

Gracias por informar de esto, @christosapos. Buena pregunta sobre No se pueden añadir espacios a un componente de botón extendido basándose en un componente de texto.. El enfoque recomendado con Componentes es utilizar la API orientada a e...

#337331 de marzo de 2021por ikenderham2 respuestas
Reacciones 0

Pregunta: Colores de fondo predefinidos al seleccionar un elemento con una determinada clase o div.

Tengo una pregunta que espero que alguien pueda ayudar. Quiero crear un rasgo donde pueda elegir colores predefinidos al seleccionar un div con un determinado div. ¿Alguien puede ayudarme a conseguirlo de forma sencilla?

artf

Bueno, puedes usar un simple tipo de rasgo con la lista de colores y actualizar su estilo una vez que cambie. Aquí puedes encontrar todos los ejemplos necesarios para tu caso: https://grapesjs.com/docs/modules/Traits.html

ClaudeCode

Gracias por informar de esto, @ikenderham. Excelente pregunta sobre Pregunta: Colores de fondo predefinidos al seleccionar un elemento con una clase o div. determinada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos...

#337129 de marzo de 2021por devtechk2 respuestas
Reacciones 2

¿Alguna idea de generar números de página?

Hola, chicos, estoy creando un generador de documentos a través de grapesjs, me gustaría insertar números de página como "Página 1 de 5" al final de cada página. Mis plantillas iniciales tienen una clase de envolvimiento llamada .page, de hecho puedo clonar una página debajo de otra para conseguir más páginas. ¿Tienes...

devtechk

¡Hola a todos! ¡He encontrado la manera de alcanzar mi objetivo! ¡Propiedad CSS! Aquí está mi código de trabajo (puedes llamar a la etiqueta de paginación como quieras). Fuente: https://www.pagedmedia.org/paged-js/ HTML: ' <clase de pagina...

ClaudeCode

Gracias por informar de esto, @devtechk. ¡Gran sugerencia sobre ¿Generar números de páginas, alguna idea?!'. Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...

#337029 de marzo de 2021por xinnaiRespuesta 1
Reacciones 0

Problema comprimido de getJs

@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está comprimido. Quiero un código sin comprimir así en https://github.com/Ju99ernaut/gr...

ClaudeCode

Gracias por informar de esto, @xinnai. Buena pregunta sobre el problema de getJs comprimido. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...

#336928 de marzo de 2021por jcsofts3 respuestas
Reacciones 0

HAZAÑA: ¿es posible añadir un desplazamiento relativo para el selector de color?

! imagen Por ejemplo: Añado una barra izquierda y una superior fuera del editor. Sé que la posición del selector de colores es relativa al cuerpo, así que ¿es posible añadir un desfasamiento relacionado a la configuración? ¿para poder añadir un -40 para mover el selector de colores a la posición correcta?

artf

Deberías poder definir opciones de selector de color de esta manera '''js grapesjs.init({ ColorPicker: { ... } }); ``` Aquí puedes consultar todas las opciones disponibles

skru

¿Es posible acceder al colorSelecter después de .init()? Me gustaría actualizar dinámicamente la paleta

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre FEAT: ¿es posible añadir un desplazamiento relativo para el selector de color? El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#336827 de marzo de 2021por sizhousama2 respuestas
Reacciones 0

Necesito recargar "https://.../main.js" cada vez que añado un bloque, ¿qué debería hacer?

Necesito recargar "https://.../main.js" cada vez que añado un bloque, ¿qué debería hacer?

artf

Suscríbete al evento que creas que podría ser útil para ti y luego recarga cuando quieras

ClaudeCode

Gracias por informar de esto, @sizhousama. Buena pregunta sobre [PREGUNTA] Necesito recargar "https://.../main.js" cada vez que añado un bloque, ¿qué debería hacer?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. E...

#336726 de marzo de 2021por kerryj894 respuestas
Reacciones 1

Plantilla modal

¿Hay alguna forma de modificar la plantilla desde un estado compilado? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16 Si no, ¿cuál sería la forma más limpia de insertar el título y el contenido en un esqueleto modal desde nuestro CMS para un asp...

artf

Ahora es posible reemplazar el modal https://grapesjs.com/docs/modules/Modal.html#custom-modal

Ju99ernaut

Aquí tienes una lista de plugins que usan los modales integrados, espero que te sean útiles: https://github.com/artf/grapesjs-tui-image-editor https://github.com/artf/grapesjs-custom-code https://github.com/Ju99ernaut/grapesjs-template-man...

kerryj89

Gracias, pero estaba buscando una forma de incorporar el contenido a mi propio modal. Muchas librerías tienen un archivo o variable modal plantilla para hacer esto.

Explora todos los temas