¡Hola a todos! Tengo un problema con el componente personalizado. Me crearon un componente modal con atributos tabindex = -1 y no puedo usar la tecla Ctrl + C para copiar este componente. Por favor, ayudadme. ¡Muchas gracias!!
artf
Solo elimina ese atributo en tu vista de componentes (por ejemplo, en el método onRender), así seguirás obteniendo el atributo en tu HTML final
ClaudeCode
Gracias por informar de esto, @tannguyen97. Gracias por compartir tu informe sobre no se puede copiar con "control + C" cuando los elementos tienen tabindex de atributos = -1. Para ayudar al equipo a investigar y priorizar esto: Por favor,...
¿Qué intentas añadir a GrapesJS? El componente debería poder marcarse como sucio, activando el mensaje de advertencia 'onbeforeunload'. Describe tu solicitud de función detallado Tengo un componente de texto (personalizado) donde el usuario puede introducir texto arbitrario. Estoy almacenando los datos en mi servidor...
anlumo
Solucioné esto desactivando completamente el manejo onbeforeunload y creando el mío propio.
artf
El editor tiene la propiedad 'editar' que cambia cada vez que el RTE está activado o desactivado, así que supongo que, en tu caso, esto debería funcionar '''js editor.on('change:editing', (em, editing) => { window.onbeforeunload = edición...
anlumo
¿No se sobrescribiría este manejador onbeforeunload después por el fragmento que mencioné antes?
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor de grapej (similar a Canva), y he configurado el editor en modo 'absoluto', que funciona de maravilla. Sin embargo, no consigo encontrar la forma de mover el bloque que se cae en...
artf
No, desafortunadamente, en ese caso, el keymap personalizado sería la única solución. Deberías simplemente conseguir el componente seleccionado y actualizar su estilo.
michaelhofer
He encontrado una solución funcional para esto de la siguiente manera: Los comandos se están añadiendo de la siguiente manera: El método 'moveSelectedElements' hace lo siguiente: Sin embargo, al mover los elementos con las flechas, el lien...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Evitar la acción predeterminada del navegador prevente: cierto, });
Versión: 0.16.44 ¡Hola! Tengo almacenamiento remoto para páginas y, recientemente, tuve un problema al guardar una página; 'JSON.stringify(editor.getComponents())' empezó a mostrar el error 'Uncaught TypeError: e[M].getId is not a function'. Investigué la representación JSON de la página que ya estaba guardada y descu...
yucomds
El mismo error aquí... ¿Tienes alguna solución? [EDITAR] Reducir la categoría parece ser la única solución por ahora
josfh2005
Mismo problema aquí, si preproceso los componentes y elimino ese atributo (__symbol) antes de cargar el Editor, la plantilla funciona bien. ¿Hay alguna forma @artf desactivar los símbolos por ahora?
artf
Sí, desafortunadamente la versión anterior de grapesjs tenía un error que creaba símbolos involuntarios. En la versión actual, el error se corrige y los símbolos están desactivados, pero desafortunadamente esto sigue ocurriendo si intentas...
En el archivo de localización alemana hay un error tipográfico en la línea 75 para la palabra "capa". En lugar de 'capa: 'Evene'' debería ser 'capa: 'Ebene', alguien debe haber pulsado accidentalmente 'v' en vez de 'b' en el teclado al traducirlo. Estoy creando una solicitud pull para ello ahora mismo.
ClaudeCode
Gracias por informar de esto, @alumpe. Gracias por compartir tu informe sobre error tipográfico en la palabra "layer" en el soporte del idioma alemán. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo...
¿Hay alguna forma de añadir teclas de acceso directo y complementos para el editor Codemirror integrado? Especialmente quiero una tecla rápida para comentar. Hay varios plugins que usan el editor Grapesjs, incluyendo https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 y los plugins personalizados de cód...
abulka
Por fin he conseguido que el 'commentRange' incluido en Grapesjs funcione: debe invocarse directamente en 'cm.commentRange', no a través de 'cm.execCommand'. Además, toma parámetros. Así que pude hacer que funcionara algo de comentario, si...
artf
Sí, creo que no es un problema exponerlo en CodeMirrorEditor.js
ClaudeCode
Gracias por informar de esto, @abulka. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para ver...
Hola, GrapeJs iniciado, normalmente cargo la llamada a funciones y añado contenido a GJS div, $.ajax({ tipo: "GET", URL: '' procesData: false, contentType: 'application/json; charset=utf-8', DataType: "Json", $.each(data, function (key, data) { $('#gjs').append(html); } }); Mis problemas, después de guardar contenido,...
artf
https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
Gracias por informar de esto, @san-123. Buena pregunta sobre problemas de almacenamiento remoto. 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...
Hola, Creé Grapejs Pagebuilder. Tengo dos enlaces, uno para Pagebuilder1 y otro para PAgeBuilder2. Ambos se redirigen al editor grpaejs y carga de contenido desde la base de datos según el id. Cuando hago clic en PageBuilder1 va a index.html?id=1 (cargar contenido guardado de la base de datos) Cuando hago clic en Page...
artf
Sigue esta guía https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
ClaudeCode
Gracias por informar de esto, @san-123. ¡Gran sugerencia sobre problemas de carga de contenido desde una base de datos remota! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamient...
Característica: La capacidad de crear varias páginas en Grapesjs. Diseño funcional A nivel global:[ ] Incluye un enlace a la derecha de 'Dispositivo [lista desplegable]' en el banner superior que diga 'Página actual: <page-name>'[x] Incluye un nuevo elemento del menú a la derecha de 'Bloques' en la columna derecha. El...
artf
El módulo Pages está ahora fusionado https://github.com/artf/grapesjs/pull/3411 y la nueva versión será lanzada pronto. Una demo sencilla usando la API de Pages: https://codepen.io/artf/pen/XWpJQoY
artf
Suena genial, me gusta mucho la idea de tener este como plugin, así que si crees que necesitamos añadir algo (por ejemplo, algún evento) para que funcione mejor, dímelo.
jrkd
Tengo el núcleo de esta funcionalidad funcionando en este arvo. @artf Avísame si esto sigue siendo deseado y dedicaré más tiempo a ello en enero. Nota para mí mismo, PENDIENTE: añadir/eliminar acciones de página, ajustes visuales, integrar...
¿Qué intentas añadir a GrapesJS? Actualmente, las instancias de editor recién instanciadas se añaden a una colección indexable donde el usuario debe gestionar la relación de estos editores en su implementación. En su lugar, debería haber una colección gestionada donde el usuario pueda proporcionar un valor clave que l...
artf
No estoy seguro de haberlo entendido bien, ¿puedes ilustrar de alguna manera el comportamiento actual y tu propuesta?
jlong-crestron
Básicamente, estoy buscando un cambio en la lista expuesta que agregue las instancias del editor al inicializar, así que cambiar 'editors' de una lista a un mapa con una nueva propiedad en el objeto de configuración init en el parecido de...
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...