@artf Por favor, comprueba que el texto de tu página de demostración esté oculto bajo la barra de herramientas. ¿Cómo podemos actualizar la posición de la barra de herramientas? ! problema de la barra de herramientas
artf
Actualmente la posición está codificada en fija, pero podemos ampliarla como hacemos con la barra de herramientas RTE mediante eventos
artf
Cerrado por https://github.com/artf/grapesjs/pull/1730
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.
@artf Cuando establecemos un margen desde arriba hasta el contenedor y queremos arrastrar algún elemento dentro de él, entonces La posición del marcador de posición de arrastre no parece correcta porque también incluye margen y muestra la parte superior de el elemento desde donde se indica el margen. ¿Cómo puedo mostr...
YashPrince
Puedes consultar en tu página de demostración. https://grapesjs.com/demo.html https://vimeo.com/289217284
artf
Por favor, crea una demo en directo
artf
Cerrando el problema porque parece que ya está resuelto.
Quiero saber cómo puedo hacer que ese componente se arrastre y suelte ese componente al otro componente. Necesito añadir una clase si el componente queda vacío si el elemento se arrastra y suelta en el Elemento exterior. Puedo conseguir el componente que se arrastró y en el que soltó, pero no desde donde se arrastró....
artf
En tu caso, creo que sería mejor escuchar los cambios en los componentes internos (por ejemplo, ¿y si borro todos los componentes hijos?), pero actualmente no existe tal evento, así que intentaré añadirlo para la próxima versión. Debería s...
sakshigarg9
@YashPrince ¿cómo conseguiste el ID del componente arrastrado y dónde se dejó caer
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.
Estoy creando un nuevo tipo de rasgo y me gustaría poder incluir el selector de color de Grapesjs dentro de él; ¿alguna sugerencia sobre cómo hacerlo? Ahora mismo estoy incluyendo la entrada de color HTML estándar en mi HTML "inputEl" (junto con un campo de texto y un botón de opción), pero me encantaría poder usar el...
pnellesen
@nojacko he modificado un poco mi código, esto es básicamente lo que estoy haciendo: '''js getInputEl: function() { if (!this.inputEl) { var input = document.createElement('div'); input.innerHTML = this.inputHtml var inputEl = input; var p...
artf
Hola @pnellesen esta es en realidad una muy buena pregunta, sin duda, deberíamos permitirlo, pero por desgracia, ahora mismo no es tan sencillo. Deberíamos refactorizar algunos módulos para hacer la interfaz más reutilizable. Por cierto, i...
pnellesen
@artf - ¡gracias por la respuesta! Tu sugerencia funcionó bastante bien (e incluso funciona en Internet Explorer, que es mejor que mi selector de color en html5 :p ). Tengo que hacer algunos ajustes en mi estilismo y mis datos de entrada,...
¿Hay alguna forma de que el lienzo redimensione de forma dinámica? es decir, no usar el Administrador de dispositivos, sino arrastrar y soltar el ancho, similar a lo que puedes hacer con paneles o componentes? Gracias
jvillena
@artf y @shlomoko, iré explicando el paso poco a poco. Primero, necesito usar Jquery, pero puedes usar otra librería o integrarte dentro del motor GrapesJS. En mi caso quería que fuera transparente al motor. 1) Tengo dos elementos de div o...
artf
No @shlomoko, el lienzo no es redimensionable pero me encantaría ver un reparador permanente para eso (posiblemente con la misma lógica que se usa en los paneles).
jvillena
Hola @artf, acabo de implementar una barra de lienzo para redimensionar, pero no sé si existe alguna forma de refrescar la posición de los bordes de los resaltos. Echa un vistazo al vídeo, por favor: http://recordit.co/jKlppYg2dD GJS-Badge...
¿Cómo añadirías un botón de "Insertar imagen" al modal del gestor de assets? En este momento, el "Añadir imagen" puede resultar confuso para algunos que pensarían que ese botón insertaría la imagen en el lienzo y seguirían pulsando hasta que el ratón se le cayera :)
artf
¿Solo pides renombrar la 'Añadir imagen' por 'Insertar imagen'?
kickbk
@art aquí tienes un prototipo para transmitir la idea. No, estoy usando tonterías para estilizar los botones. Así que haces clic en una imagen para resaltar y importarla para cerrar. Actualmente, cuando haces clic, ya reemplaza la imagen,...
Hola @artf, Creo que el componente deslizante sería útil desde la perspectiva de la experiencia de usuario para la interacción del usuario con algunas propiedades enteras, como tamaño de fuente, altura de línea, etc. Me gustaría proponer que el componente deslizante se extienda con una propiedad de unidad por defecto...
artf
Sí, perdona, esta semana estuve demasiado ocupado con otras cosas, espero sacarlo este fin de semana 😬
artf
Ya podría ser posible con este tipo de configuración '''js { Tipo: 'Deslizador', Propiedad: 'tamaño de fuente', Unidades: [], Unidad: 'Ellos', Defaults: 14, máximo: 40, mínimo: 1, } ``` pero desafortunadamente noto que actualmente el desli...
FrciSmrci
¡Gracias@artf :) ¿Cuándo es previsto hacer el próximo lanzamiento?
Hola artf, Quiero reemplazar la división de envoltorios, por ejemplo: Cuando creamos la plantilla del boletín, ya existe el wrapper div ahí. En la plantilla de importación, si existe el wrapper div en importar html, entonces hay que reemplazar el wrapper ya existente por uno nuevo. ¿Es eso posible? A continuación está...
artf
No, actualmente no hay forma de importar un envoltorio, pero aceptaría encantado una residencia permanente para esto
padcom
¿Algún avance en esto? Especificar el componente envolvente es muy útil cuando se trabaja con elementos personalizados que necesitan un contexto, como FormKit que requiere algunos datos 'proporcionados()'d...
Estoy intentando quitar un panel. La función devuelve el panel la primera vez que ejecuto 'removePanel' y luego devuelve el panel indefinido si lo ejecuto de nuevo. Cabe destacar que el panel ya no se devuelve al recibir todos los paneles, pero sigue siendo visible y funcional. En mi caso intento eliminar los botones...
FrciSmrci
Hola @mmeeeooowww, Los paneles deben retirarse tal y como se discute en este número. Que tengas un gran día.
mmeeeooowww
Hola, @FrciSmrci ahora mismo estoy usando CSS para ocultar cosas. ¿Estoy malinterpretando el propósito de 'removePanel' o lo estoy usando mal? ¡Gracias!
Al importar componentes e inicializar grapesjs, la propiedad css background-repeat se cambia a background-repeat-x y background-repeat-y, lo que falla en iOS. Componentes importados: '''html <div id="izmt">Test Begin<br /> <br /> <br /> <br /> Fin de la prueba</div> <style type="text/css">#izmt{background-image:url("/...
Coyote6
Gracias. He añadido esto a mi función de gestor de almacenamiento... Creo que así soluciona el problema por el momento... Aún no estoy del todo despierto, así que por favor avísame si he metido algo mal. '''javascript var css = editor.getC...
artf
Gracias @Coyote6 ya somos conscientes de este problema. Esto ocurre por el analizador CSS del navegador y no puedo hacer mucho hasta que haya posibilidad de conectar analizadores CSS personalizados, espero implementarlo pronto.
artf
Desde https://github.com/artf/grapesjs/releases/tag/v0.14.33 puedes usar analizadores CSS personalizados, el primero que se lanza es grapesjs-parser-postcss