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.
@artf quiero incluir todas las fuentes de Google en la familia de fuentes. ! fw ¿Cómo podemos incluir/importar toda la familia de fuentes? Cualquier ayuda sería bienvenida.
artf
Puedes iniciar el editor con estilos o scripts personalizados si lo necesitas '''js var editor = grapesjs.init({ lienzo: { Estilos: [ 'https://fonts.googleapis.com/css...', // ... ], guiones: [ 'https://... some-script.js', // ... ], }, });
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 leer el evento de redimensionamiento cuando un elemento se activa para redimensionar. Mi Código actual se ve así, ' editor.on("component:resize", function(model) { console.log('modelo', modelo); });` Pero no está funcionando. ¿Hay alguna opción para hacer esto?
arthuralmeidap
Como el redimensionamiento solo cambia el valor de 'ancho' y/o 'altura', no lo he probado, pero creo que podrías intentarlo con el evento 'styleManager:change:{propertyName}' Echa un vistazo aquí para los eventos disponibles: https://grape...
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, guardé un objeto en la propiedad personalizada. ! 2018-08-27145924 Y quiero implementar la inclusión de valores en propiedades personalizadas. ! 2018-08-27150059 pero cubrirá el anterior ! 2018-08-27150154 ! 2018-08-27150211
arthuralmeidap
Entonces, en el segundo caso, ¿quieres actualizar el mismo atributo 'data-info' con una nueva clave, ¿verdad? Como 'data-info' tiene una cadena como valor de tipo, primero necesitas obtenerla y analizar hasta un objeto. 'const dataInfoObje...
artf
Creo que solo busca addAttributes
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.
hiii, Uso latest grapesjs con plugins de presets de newsletter, pero cuando arrastro y suelto el control de botones solo se ve el texto ! captura de pantalla del 27-08-13-17 de 2018 Este es mi código: '<script type="text/javascript"> var images = []; var editor = grapesjs.init({ clearOnRender: cierto, storageManager:...
artf
Los estilos de esos bloques están definidos aquí, puedes copiarlos o definir los tuyos propios
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 @arthuralmeidap quiero anular los iconos de tipografía increíbles de los paneles "vistas" que digan el gestor de estilos, quiero reemplazar el icono por mi icono "SVG". ¿Podrías ayudarme a aclarar las cosas? ! captura de pantalla 2018-08-27 a las 11:01:59 AM Así es como lo intenté, pero no refleja ningún cambio....
arthuralmeidap
¿Alguna novedad?
Abhisheknanda1344463
???? @arthuralmeidap lo intenté muchas veces pero aun así fallé. ¿Puedes ayudarme, por favor?
@artf quiero incluir un código de incrustación personalizado en el componente de vídeo para que el usuario pueda añadir cualquier iframe que contenga vídeo. Cualquier ayuda sería bienvenida. Por ejemplo:- <ancho de fotograma="640" altura="360" src="//player.vimeo.com/video/123456789?autoplay=0&title=0&byline=0&wmode=t...
artf
Puedes actualizar el componente de vídeo añadiendo un nuevo rasgo de texto que añada esta funcionalidad o puedes usar https://github.com/artf/grapesjs-custom-code
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.