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 3,464

#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.

#336626 de marzo de 2021por kerryj894 respuestas
Reacciones 0

Ampliando el comando de vista previa

Estoy intentando ampliar el comando de 'previsualización'. Esperaba que el código de abajo ejecutara el comando de vista previa normal junto con la salida de consola, pero solo se ejecuta la instrucción de consola. ¿Cómo puedo conservar el código de vista previa original? Lo siguiente me funciona hasta que alguien pue...

artf

Si especificas una nueva función 'run()', el comando solo ejecutará la nueva; de lo contrario, no sería posible cambiar completamente un comando (aquí más sobre extender comandos)

ronaldohoch

Hola Artf, curiosamente, necesito lo mismo que él. ¿Entonces la mejor manera de hacerlo es hacer lo mismo que él? ¿Ejecutar el comando original de vista previa dentro de la vista previa extendida?

ronaldohoch

Bueno... Otra cosa que estoy haciendo es extender la vista previa ejecutando el evento de comando on.: '''js editor.on("run:preview",()=>{console.log("run-preview")}); editor.on("stop:preview",()=>{console.log("stop-preview")}); ```

#336526 de marzo de 2021por Franci5co5aoco4 respuestas
Reacciones 0

Contenteditable en el nombre de la capa

Hola @artf Me gustaría saber por qué el nombre de la capa tiene un atributo 'contenteditable'. No hay ningún mecanismo implementado en grapesJs para cambiar realmente el nombre de la capa después de refrescar la página, si no me equivoco. Puede resultar un poco confuso para el usuario. '''html <div class="gjs-layer-ti...

artf

Si haces doble clic en el nombre de la capa puedes cambiar su nombre :)

Franci5co5aoco

@artf, perdona, creo que me malinterpretaron. Quería decir que puedes cambiar el nombre pero cuando actualizas la página los cambios no se guardan... y creo que no hay un mecanismo implementado para lograrlo. Cuando el usuario modifica el...

artf

No, el mecanismo para almacenar/cargar nombres de capas personalizados está ahí, el único problema es que el cambio no está activando la almacén... De hecho, si intentas mover algún componente justo después del cambio, los verás después de...

#336425 de marzo de 2021por NagarRahul3 respuestas
Reacciones 0

HAZAÑA: @How fijar el tamaño del contenedor cuando estamos arrastrando el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimensionar automáticamente el elemento hijo según el contenedor padre. El contenedor no debe gastarse según el elemento hijo. Debería ser de mostrar scroll.

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 afirmaciones/preguntas relativas de...

NagarRahul

@artf ! imagen cuando arrastro el botón es pasar. Quiero arreglarlo. No debería gastarse al arrastrar un botón nuevo. Hace scroll de zapato después del desbordamiento.

artf

Depende del estilo del componente (por ejemplo, usar un bloque en línea de pantalla para ese botón podría arreglarlo)

ClaudeCode

Gracias por informar de esto, @NagarRahul. Gran sugerencia sobre FEAT: @How fijar el tamaño del contenedor cuando arrastramos el elemento dentro del contenedor, el contenedor se gastará según el elemento arrastrado hijo. Cómo podemos dimen...

#336324 de marzo de 2021por nairdapuiu2 respuestas
Reacciones 1

La función Set Content vacía el contenido componente

Estoy intentando usar la función set para cambiar el contenido de un componente, pero en realidad el resultado es un componente vacío sin nada dentro. Este es un ejemplo con el código resumido Versión utilizada: 0.16.44 ¿Cuál es el comportamiento esperado? El código ejecutado debe dar lugar a un componente con texto "...

artf

No deberías usar la propiedad 'content', usa 'selectedComponent.components(str)'

ClaudeCode

Gracias por informar de esto, @nairdapuiu. Buena pregunta sobre La función Set content vacía el componente content. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

Explora todos los temas