Hola Artf, Gracias por tu gran trabajo, de verdad me pregunto por tu trabajo. No tengo ninguna duda sobre la gestión de rasgos, me gustaría abrir modal en vez de icono de engranaje en el editor. Cuando el usuario selecciona la entrada, es difícil cambiar los nombres de la entrada porque no recibe, el usuario no recono...
artf
Creo que en tu caso tendrías que extender los componentes de entrada y abrir el modal (por ejemplo, con doble clic) donde puedes ayudar al usuario a configurar sus rasgos
aj0022
Gracias por tu respuesta, Pero no sé cómo hacerlo, ¿podrías ayudarme a artf?
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, ¿Quiero traducir todas las funciones al húngaro para poder hacerlo? Por favor, dadme ejemplos de cómo modificar estos textos:! kk5! kk7! kk9! kk10 He revisado el número #26 pero no entiendo cómo traducir todos los textos. Gracias, Erik
artf
Hola @huzineczerik si consultas la guía Getting Started verás que todos los textos están definidos por el objeto de configuración. Si tu objetivo es ampliar un preset existente, en ese caso tienes que acceder a cada elemento del módulo a t...
huzineczerik
Gracias @artf , Lo intenté pero no funcionó ! kk ¿Qué hago mal? ACTUALIZACIÓN Solo funciona si escribo esto después de init. Si llamo desde la consola, no funciona
Error: cuando tu bloque predefinido o plantillas guardadas tienen dos o más capas de fondo, si añades una nueva capa, se crean muchas capas vacías nuevas. Cómo reproducirlo:Ir a https://grapesjs.com/demo.htmlSelecciona el bloque rosa de cabeceraVe a Decoraciones -> fondo y añade una nueva capaDesmarca el encabezado ro...
artf
Gracias @xamdam777 por el informe. De hecho, como ya has indicado, esto ocurre cuando importas el estilo (y los analizadores CSS del navegador son bastante desordenados), y desafortunadamente, en pocos casos, ocurren conflictos. (por ejemp...
jmrgz
¡Muchas gracias, @artf, ahora entiendo perfectamente el problema, malditos parsers del navegador! :) He estado haciendo algunas pruebas en addLayer() y refreshLayers(). Este es mi enfoque actual, modificando la función de actualizarLayers(...
He guardado la plantilla en la base de datos con todos los componentes como imágenes y demás. Pero después de eso he subido nuevas imágenes al sistema, así que esas estarán disponibles en plantilla, pero cuando intento actualizar la imagen antigua solo muestra imágenes anteriores, no nuevas. Por favor, dime cómo puedo...
artf
Sin ninguna demo reproducible, parece más bien un problema por tu parte (base de datos/servidor). Volveré a abrir esto por si puedes mostrar el problema
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.
https://grapesjs.com/demo.htmlEn el doble clic en el texto "Todos los bloques de texto podrían..." para activar el modo edición.Pega este texto: El texto no es editable hasta que Grapes se recarga
artf
Gracias@nojacko encontrado el problema, se solucionará en la próxima versió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.
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,...
¡Hola @artf, gracias por la mejora! La implementación funciona como se espera con algunas propiedades (tamaño de fuente, radio de borde, ...), pero no con otras (altura de línea, ancho de borde, ...). Creé un ejemplo/demo donde es visible que la configuración es la misma en ambos escenarios, sin embargo, la unidad no...
artf
creé un ejemplo/demo donde se ve que la configuración es la misma en ambos escenarios En realidad, no has indicado los 'valores predeterminados', donde en el caso de 'altura de línea' toma 'normal' por defecto y por eso reinicia su 'unidad...
FrciSmrci
@artf creo que esta solución específica ha estropeado las propiedades sin unidades, como la opacidad. El deslizador se comporta de forma extraña en este caso, incluso en la demo.
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.
Quiero mantener el Administrador de Activos el mayor tiempo posible si el usuario no seleccionó una imagen, ¿cómo puedo evitar que el evento se active cuando pulso el botón de cerrar en este modal específico? Además, ¿hay alguna forma de cambiar el evento de clic al seleccionar un activo?
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.
Este es el componente que intento añadir en el Editor. <div class="page"> <div class="col1"></div> <clase div="col2"></div> </div> Después de añadir esos componentes, intento añadir algunos valores calculados a los elementos así, element.on('component:add',function(ele){ ele.addAttributes({ 'data-top' : topOffset, 'da...
artf
Consulta aquí todos los métodos disponibles para los componentes: https://grapesjs.com/docs/api/component.html Por cierto, harías algo así '''js element.on('component:add', component => { component.find('.col1, .col2').forEach(comp => { co...
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 intentando actualizar el CSS del elemento seleccionado. Ejemplo: Elemento seleccionado: '<div id="inul" class='class1'>Hola</div>' el código anterior se devolvió desde component.toHTML(); CSS: .class1{ Color de fondo: negro; } El código CSS anterior fue devuelto desde el editor. CodeManager.getCode(component, 'c...
artf
Vale, si seleccionas un elemento así: '<div id="inul" class='class1'>Hola</div>' Tienes estas opciones:Utiliza 'editor.getSelected().setStyle({ color: 'red' })' para cambiar solo el estilo de componente seleccionado, de modo que obtendrás:...
artf
@froderf cuando haces '.setStyle(content );' 'content' debería ser un objeto como '{ color: 'red' }' y no una cadena con también el selector
froderf
Lo que necesito aquí es algo así como 'Editor. CodeManager.setCode(component, 'css', {cssc: editor. CssComposer});' que actualizan el estilo del componente seleccionado