Hola, editor.on('run:preview', () => { console.log('preview ON') }) Esto funciona bien. Ahora necesito el evento de comando que se activa cuando hacemos clic en "Ocultar vista previa".
artf
'stop:preview'
theanhmx
'editor.on('run:preview', () => { console.log('vista previa activada') }) editor.on('stop:preview', () => { console.log('vista previa APAGADA') })` Lo intenté, pero el evento stop:preview no se activó
artf
Corregido por https://github.com/artf/grapesjs/pull/592
Hola, ¿Es posible ocultar el componente "BannerOptionsBtn" cuando hago clic en el botón de vista previa? Solía funcionar en HTML(). Y cuando llamo a editor.getHtml() me devuelve el html como se espera, pero cuando hago clic en el botón de vista previa aparece el "BannerOptionsBtn". Aquí está el código. Por favor, ayúd...
artf
Puedes aprovechar eventos de comandos dentro de tu componente, por ejemplo, '''js editor.on('run:preview', () => { console.log('preview ON') }) ```
sanjeevSavitr
Gracias por la ayuda. Y por favor, envía el evento de comando que se activa cuando hacemos clic en "Ocultar vista previa".
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! Me gustaría añadir una regla CSS que, por ejemplo, cambie la apariencia de un componente en función de algún atributo. Es decir, '''css [rol-datos=algo] { Color de fondo: Rojo; } ``` ¿Hay alguna forma de hacerlo programáticamente? O de cualquier otra manera, para el caso. Gracias, Misha
artf
Prueba con esto '''js editor.addComponents('<style>[attr=val]{ color:red }</style>') ```
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 añadir una nueva propiedad como altura de línea en Tipografía en el gestor de estilos. ¿Puedes ayudarme, por favor? Además, cómo aplicar el formato css a un elemento concreto seleccionando esta nueva propiedad añadida.
artf
Puedes conseguirlo en la demo https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1054
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, Como debes saber, en mi empresa estamos creando un producto basado en GrapesJS. Estamos intentando mantenernos lo más cerca posible del núcleo de GrapesJS. Como desarrolladores, estamos haciendo todo lo posible por no crear un fork desde GrapesJS y seguir contribuyendo al repositorio. Ahora tenemos una nue...
arthuralmeidap
Eres el hombre!! ¡Muchas gracias! Lo probaré !!!
artf
Gracias, Arthur, de verdad aprecio tu ayuda. Parece que estás haciendo un trabajo increíble, creo que esta función podría ser la candidata perfecta para un plugin :)
arthuralmeidap
Necesito hacer algunos cambios en algunos modelos/vistas dentro de GrapesJS. ¿Cómo puedo conseguirlo con plugins? ¿Alguna idea?
Hola @artf, ¿Es posible reemplazar el gestor de activos actual desde el personalizado? He creado mi propio gestor de recursos, quiero usarlo para subir imágenes y todo eso. ¿Es posible?
artf
No @suraj740 el objetivo es el modelo de componentes, deberías añadir tu comando personalizado 'open-assets' '''js editor. Commands.add('open-assets', { run(editor) { Aquí llamas a tu encargado personalizado y puedes obtener el componente...
suraj740
Gracias @artf, pude reemplazar el gestor actual de activos por uno personalizado. Gracias por dar esas órdenes.
Hola, De vez en cuando, en mi lienzo el resaltador y la barra de herramientas aparecen en el lugar equivocado. ¿Es un error conocido? ¿Tengo que actualizar manualmente el lienzo? Parece que la propiedad 'top' css en 'gjs-resaltador' y 'gjs-badge' no se está calculando correctamente, siguen alineándose horizontalmente,...
artf
Soy consciente de que la barra de herramientas "salta" cuando cambia el contenido dentro de ella (añadiendo o quitando botones), pero no con el resaltador. ¿Usas el editor dentro de una página desplazada?
telliott22
¿Hay alguna forma de evitar que salte cuando cambia el contenido? Sí, la página está desplazada. ¿Debería limitar la altura del editor a la altura del navegador?
artf
Sí, desafortunadamente hay un error que no consigue la dimensión correcta de la página desplazada
He creado un tipo personalizado y un bloque '''js DomComponents.addType('MyComponent', { ... }); BlockManager.add('Component', { content: { type: 'MyComponent' } }); ``` ¿es posible insertarlo en 'DomComponents' por nombre o por cualquier otro medio? No quiero tener que arrastrar y soltar el bloque manualmente cada ve...
z-vr
Ah, descubrí cómo hacerlo — a través de 'editor.addComponents({ type: 'MyComponent' })'. ¿Hay alguna forma de insertarlo en un elemento específico mediante un selector CSS? He encontrado este fragmento, pero ¿cómo podría encontrar el índic...
z-vr
Vale, lo que he hecho es '''js función de exportación por defecto iterateChildren(components, fn) { components.each((model) => { fn(modelo); const childComps = model.get('components'); iterateChildren(childComps, fn); }); } función export...
artf
De hecho, puedes obtener el modelo desde la instancia de cash element con 'view.$el.data('model')', así que podrías hacerlo funcionar con menos código '''js wrapper.view.$el.find('#hero .text').each((el, i, $el) => console.log($el.data('mo...
Hola @artf, muy buen framework para creadores de páginas web y mantenlo así :+1: Código : '''javascript ... blockManager.add('dynamic-nav', { etiqueta: 'Navegación Dinámica', atributos: { Clase: 'fa fa-ellipsis-h', título: 'Insertar menú dinámico de navegación' }, categoría: 'Sección', contenido: '<ul class="hide-on-m...
artf
Puedes actualizar el contenido del bloque de esta manera '''js const dblock = blockManager.get('dynamic-nav'); dblock.set('content', '<ul>...'); ```
bungambohlah
Ah, ya veo, muchas gracias @artf
bungambohlah
Hola, @artf tengo un problema, el bloque de mi dynamic-nav funciona ahora, pero cuando doy algún script a ese componente me da un error de '''Identificador inesperado'''. ¿Puedo corregir? Si no es así, por favor corrígeme, muchas gracias E...
Hola, Estamos evaluando GrapesJS para uno de los requisitos. Como parte de la evaluación, estoy creando el comando personalizado 'insertar marcador de posición'; lo que hace es (lo que planeo hacer) es que al seleccionar Texto y al hacer clic en este comando, debería insertar texto en la posición seleccionada del curs...
mathieuk
Duplicado con el #481
sarathksasi
Gracias
edwardjiawei
Similar a lo que hice en grapesjs-plugin-customrte. Pero no propongo que mi código se base en él, pero es un desastre. Deberías poder probar el código en Design y HTML en mi repositorio. También se puede establecer prioridad menor para imp...