¿Cómo mostrar un diálogo modal personalizado cuando se deja un elemento en el editor? Por ejemplo, aparece un diálogo modal de activo al soltar el bloque de imagen en el editor.
mcsekar12
Por favor, revisa la documentación https://grapesjs.com/docs/api/modal_dialog.html#modal use Modal.setContent();
mcsekar12
Usa eventos del Editor https://grapesjs.com/docs/api/editor.html#available-events 'editor.on('component:add', (model, argument) => { Filtrar usando nombre de componente if (model.getName() === 'modelName') { Modal del programa } filtrar us...
crypto-dump
Gracias. Soy nuevo en este plugin. ¿Cómo crear mi propio diálogo modal que tenga opciones de casillas de verificación o de selección, etc.?
El 'estilo' que ves en '<video>' solo se aplica en el lienzo, tus estilos se aplican al envoltorio y deberías verlos correctamente aplicados en el código de exportación
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Por favor, mira el vídeo: https://screencast-o-matic.com/watch/cFXQlQYSjWUsar Mac OS última versiónUsa grapesjs - última versión de branch devChrome de usuario - última versión ¿Cuál es el problema? Arrastrar y soltar no funciona como debería cuando se usa un dispositivo táctil.
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf, Intenté personalizar las opciones en el plugin de exportación del editor grapesjs. Pero solo dos opciones (addExportBtn, btnLabel) funcionan como se esperaba. Otras opciones como filenamePfx, filename, root, no funcionan como se esperaba. Mi código: Acabo de cambiar la variable addExportBtn a 0, el botón d...
artf
Repositorio incorrectoMira la versión: https://github.com/artf/grapesjs-preset-webpage/blob/master/package.json#L53
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola, En tu documentación de Componentes & JS, se menciona que los scripts pueden añadirse a la sección "bloque" bajo un atributo de script. Sin embargo, tras algunos intentos y errores, cada vez que la página se guarda y se recarga, el script parece haber desaparecido. Cuando intenté añadir el script en la sección de...
artf
Probablemente no lo estés almacenando correctamente https://grapesjs.com/docs/modules/Storage.html Por cierto, puedes añadir un script dentro de los bloques, pero recomiendo mucho crear un componente personalizado para ese caso
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola, Estoy intentando redactar un rasgo que permita crear una lista de formularios y genere los respectivos en el modelo. Hasta ahora tengo esto: '''javascript editor. TraitManager.addType('list', { eventos: { 'keyup': 'onChange' }, getInputEl: function() { var self = esto; var idx = 1; función createForm(input) { se...
artf
@dkmurakaru presta atención a que estás creando una entrada real '''js var input = document.createElement('div'); ``` por lo tanto, también deberías actualizar métodos como 'onChange' y 'setInputValue'
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola a todos, Estoy usando la última versión estable de grapesjs (40) y he notado el siguiente error en el editor de texto enriquecido: si el usuario arrastra y suelta un editor de texto enriquecido en el lienzo, hace clic en él e intenta clonarlo por ejemplo (o cualquier acción en la barra de herramientas como elimin...
arthuralmeidap
PR: https://github.com/artf/grapesjs/pull/1800
artf
Sí, eso ocurre por esta comprobación, al estar en modo edición necesitamos evitar algunas acciones (por ejemplo, hacer clic canc/retroceso activa el mismo comando). Probablemente necesitamos poner algún tipo de opción de fuerza
alimajed93
Hola @artf, Ah, ya veo. ¿Podrías darme algunos ejemplos de por qué añadimos esta comprobación? Quiero decir, ¿qué problemas teníamos y qué se resolvían con este cheque? Gracias.
Hola, estoy usando GrapesJS para un creador de páginas dentro de una web de Prestashop. La idea es establecer la plantilla predeterminada almacenada en la base de datos con bloques personalizados. Todo funciona bien con la tienda y la carga de la plantilla. Mi problema es que quiero usar solo bloques personalizados qu...
artf
Puedes hacer esa clase privada para evitar seleccionarlos en el Style Manager, así estilizarás el componente y no la regla '''js const privateCls = ['.mdcblockheader']; editor.on('selector:add', (selector) => { if (privateCls.indexOf(selec...
ThomasLaigneau
¡Muy bien, funciona genial! ¡Muchas gracias!
ThomasLaigneau
@artf El código funciona, pero acabo de ver que ya no puedo ver el botón select para ver el estado de Hover del elemento en el editor... Vuelve cuando elimino el código que me hiciste añadir...
Hola, tengo un nuevo problema, estoy siguiendo el tuto y quiero crear el bloque "2 columnas" (o más). Intento usar (y entender, por eso no quiero usar grapesjs-blocks-basic) esta parte del código: Pero no sé qué tengo que hacer en la clase ".row" y ".row-cell" para que este ejemplo funcione... Pruebo algunos estilos p...
artf
Deberías añadir el estilo adecuado para ver algo, prueba con algo así '''js blockManager.add('the-row-block', { etiqueta: '2 Columnas', Contenido: ' <div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row"> <div class="ro...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola, tengo un problema con CSS en mi proyecto GrapesJS y no sé por qué... Intento hacer el tuto y no tengo iconos. ! buggrapesjs Otro problema: no puedo dividir la ventana en dos columnas. Trabajo con la última versión de CSS y JS. Organización : Assets/js/grapes.js Activos/CSS/grapes.min.css Recursos/fuentes/FontAwe...
artf
De alguna manera no puedes cargar fuentes, revisa en tus herramientas de desarrollo, probablemente verás el error
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.