Pasos para reproducir: añadir texto, seleccionar una palabra, hacer clic en el icono de enlace en el panel RTE, seleccionar un enlace. Comportamiento esperado: cuando selecciono Enlace espero que muestre la barra de herramientas (con el botón 'seleccionar padre') junto a su insignia. Comportamiento real: Si un enlace...
simplecommerce
@Abhisheknanda1344463 Hola @artf @simplecommerce @devgru ¿Alguna novedad sobre esto? ¿Hay alguna forma de arreglarlo manualmente? Gracias No estoy seguro de si te funcionará, pero esto es lo que hice yo para solucionarlo.
Abhisheknanda1344463
@simplecommerce Gracias, tío. Ha funcionado. Gracias
artf
Cerrando el problema porque parece que está solucionado.
Quiero añadir un sector, pero en la posición superior (por encima del general), gracias ! ATAS del sector
artf
Actualmente, no es posible hacerlo mediante API (solo mediante configuración inicial), pero añadiré una opción en la próxima versión, así que harías: '''js editor. StyleManager.addSector('Test', { nombre: 'Nuevo sector', ... }, { at: 0 })...
fmr411
Gracias, ahora borro y vuelvo a crear el sector en el orden
Cómo hacer que los componentes de audio funcionen correctamente (seleccionables, editables) como otros componentes (imagen).
artf
Buena pregunta, el elemento 'audio' es bastante particular, así que definitivamente requeriría un componente personalizado, probablemente siguiendo el ComponentVideo (y su vista) Seguro que podrías añadirlo tú solo, pero creo que podría se...
mohd7469
@artf puedes dar un fragmento sencillo que muestre una demo normal y funcional de un elemento de audio? Porque intenté definir un tipo de componente personalizado para el elemento de audio pero no parece funcionar y o bien no es selecciona...
Me gustaría proporcionar una opción para la función css translate(x,y), pero el parámetro addProperty functionName solo acepta un parámetro como entrada. Intenté usar translateX() y translateY() pero no funcionan simultáneamente. Agradecería que alguien pudiera decirme algún otro método para conseguir el efecto desead...
adamyarger
@alikabeer32 me he encontrado con el mismo problema antes, tienes que establecer el valor 'por defecto' para translateY y translateX, ya que la propiedad de transformación en css se comparte tanto entre translateX como translateY. por ejem...
Cuando una imagen se redimensiona con el ratón, no se estira hasta el borde del lienzo, dejando un espacio blanco en el lado derecho. Si ajustas las dimensiones—> ancho, puedes llevarlo hasta el borde del lienzo. ! imagen Si arrastras suficientes elementos al lienzo para que aparezca la barra de desplazamiento, la bar...
artf
Parece que se me olvida por completo este problema 😂 gracias a @benvmatheson por el ping. También pido disculpas a @giorgiosjames por ignorar totalmente su marca personal 😬 aunque tenga que cerrarla porque tiene razón, podemos hacerlo co...
artf
No estoy seguro, pero también podría ser un problema en la configuración del redimensionador https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
Esto parece deberse al valor de relleno aquí: https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 Poner este valor a 0 me permite redimensionar los componentes justo al b...
¿es posible? Cambia el evento de arrastrar y soltar a al hacer clic al añadir un nuevo componente, quiero añadir componentes haciendo clic en el bloque y luego se añadirá directamente al componente seleccionado, gracias ! Baru
artf
No realmente, pero ya estaba pensando en esta posibilidad, así que probablemente la añada en la próxima versión. Yo preguntaría, ¿qué esperarías en caso de tu gif? ¿Al clic, el bloque debería añadirse dentro de la celda?
fmr411
Sí, quiero que cuando hago clic se añada el bloque a la celda, pero ¿puedo saber dónde gestiona la función el evento para añadir el bloque?
Hola a todos, este número es una visión general de lo que es, lo que se ha hecho, qué hacer y lo que es agradable tener para completar la función Modo Diseñador.Prefacio Así que empecemos describiendo qué es y cuál es el objetivo de esta función. El modo Diseñador debería permitir al usuario arrastrar componentes libr...
artf
Actualización rápida, desde el https://github.com/artf/grapesjs/releases/tag/v0.15.3 puedes empezar a usar estas nuevas API de Modo Arrastre'config.dragMode' - La configuración inicial para el modo global de arrastre'editor.setDragMode' -...
artf
@simplecommerce Al hacer clic en modos dispositivo, si usas posicionamiento absoluto, crearás los estilos solo para ese modo, facilitaría construir páginas responsivas, ya que podrías alternar entre los modos de dispositivo y posicionar tu...
artf
@sunhillbd sí, pero probablemente sea culpa mía por no haber sido del todo clara con el punto. Básicamente, lo que ves en la demo es un ejemplo de mezcla de posición estática con posición absoluta: cuando haces clic en el icono de arrastra...
Hola a todos, Estamos trabajando en una aplicación de boletín y usamos grapesjs como editor de correo con el preajuste del boletín PLGUIN y algunos cambios personalizados. Almacenamos los HTML en nuestra base de datos y he notado que algunas plantillas tardan mucho en cargar con el método editor.setComponents. Intenté...
artf
Esto te muestra cómo encontrar problemas con las interpretaciones https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
Hola @iggolob ¿puedes dar un ejemplo de plantilla y pasos exactos para reproducir el problema (hablando de que es más lento cuando seleccionas un componente)?
iggolob
Hola @artf La página de demostración del boletín de noticias puede usarse para reproducir el número (https://grapesjs.com/demo-newsletter-editor.html ). Como plantilla puedes usar el conjunto HTML predefinido para la página de demostración...
¿Hay alguna forma de personalizar la vista del navegador o del panel de capas? Necesito mostrar un icono delante de cada elemento en el navegador.
artf
@minuwan bueno, en realidad la vista ya renderiza el icono https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 pero la idea de personalizar el renderizado de las capas no está m...
NicoEngler
No estoy seguro de qué es "el navegador", pero como puedes crear tus propios paneles y demás, puedes personalizar cada detalle visual. ¿Puedes ser más preciso con dónde intentas añadir tus iconos?
minuwan
@NicoEngler Navigator es el panel de capas, GrapesJS lo llamaba "El Navegante". Actualmente, solo contiene unas pocas configuraciones, pero parece que no es posible renderizarlo en un diseño diferente o añadir un icono a un elemento de cap...
Al usar una propiedad de StyleManager donde "property" no está definida y por defecto es '', veo un error en la selección de componentes: "TypeError: values[0] is undefined" en PropertyView.js targetUpdated -> getComputedValue-> camelCase. Estoy viendo esto en mi proyecto local con la v0.14.52. JSFIDDLE: https://jsfid...
artf
En mi caso, esto es una subpropiedad de una pila, donde no tendría sentido que una propiedad estuviera definida. Sí, tiene sentido, pero desafortunadamente, la 'propiedad' es algo obligatoria para el Style Manager, probablemente por ahora...
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.