Hola @artf, ¿cómo puedo añadir la colección de componentes y elementos de interfaz de usuario platforma en este grapesJS, ¿alguna idea?
integerManual
Aun @awais786327 puedes probar a leer la documentación sobre cómo añadir bloques y componentes, cuando inicies Grapesjs no olvides incluir CSS/JavaScript desde Platforma al Canvas '''javascript const editor = grapesjs.init({ lienzo:{ Estil...
¿Y @artf ¿cómo puedo añadir event listener al rasgo del componente 'wrapper'? Basándome en el número #1146 solo sé cómo añadir rasgo, pero no vincular un evento
artf
@integerManual el propósito del rasgo es cambiar algún atributo/propiedad de un componente, así que tienes que añadir oyentes en los componentes y no en los rasgos.
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
https://grapesjs.com/docs/getting-started.html - Los ejemplos de guías para empezar son estáticos. Todo lo que vemos es '¡Hola Componente Mundial!' cuando se añaden diferentes bloques y paneles tras cada paso. ¿Cuál es el comportamiento actual? Los ejemplos de páginas de inicio son estáticos tras cada paso de la guía....
theSC0RP
@palerdot Los ejemplos no son estáticos en mi navegador. Aquí tienes una captura de pantalla: <br/> ! Captura <br/> Como puedes ver en la imagen, hay un panel en la parte inferior que contiene varios bloques. Puedo arrastrarlos y soltarlos...
palerdot
Ahora funciona bien. Por alguna razón, cuando planteé el tema fue completamente estático. Cerraré el tema porque esto no es relevante ahora mismo.
Hola, Estoy personalizando GrapesJS creando componentes/bloques que mis usuarios pueden arrastrar al lienzo. Varios de estos bloques dependen de librerías externas como Bootstrap y FontAwesome... ¿Hay alguna forma de comprobar si las dependencias necesarias están incluidas en una página y, si no, añadirlas a la página...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
artf
@stljeff1 la forma correcta es usar scripts relacionados con componentes que comprueban si la dependencia existe
stljeff1
@artf ¿Puedo hacer eso con archivos CSS? Aun así, conseguí "resolver" mi problema creando un tipo personalizado para los bloques con algún tipo de dependencia (CSS o JS). Este tipo personalizado amplía la vista predeterminada añadiendo un...
Tengo el mismo problema reportado en Components & Js - Plantilla de carga #1906 Los componentes con JS funcionan bien cuando se eliminan y en la primera exportación. Sin embargo, si la página se actualiza, JS no se carga, lo que causa problemas. El JS también queda excluido de cualquier exportación tras una actualizac...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
artf
Asegúrate de tener el 'script' en un Componente definido y no en un Bloque, entonces tienes que almacenar y cargar la estructura JSON, no HTML/CSS
DescripciónEl error se reproduce en la demo actual¿Qué pasa? Configuré mi bloque de vídeo con src=null así: '''javascript clase Vídeo { constructor(editor) { Let Block = editor. BlockManager.get('vídeo'); Hereda del plugin editor. BlockManager.remove(block.id); return { Contenido: { ... block.attributes.content, src:...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
artf
@meyerco también pasan una propiedad vacía de 'respaldo: '
meyerco
Para ser más precisos, el error consiste en cargar un html que contiene una etiqueta de vídeo sin el atributo src. Tras cargar este html, se añade un atributo scr a la etiqueta de vídeo . Este valor src es una imagen base64 (obviamente la...
Estoy intentando crear rasgos personalizados siguiendo las pautas de Grapesjs Trait manager, y he pasado por problemas anteriores pero los rasgos no aparecen. Resultado esperado: rasgos personalizados como los de abajo que aparezcan. Resultado real: aparecen rasgos predeterminados como id y título. Actualmente, estoy...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
artf
Por favor, sigue la plantilla del problema y ofrece una demostración en vivo del error
Cuando estoy en el Canvas, hago doble clic en un texto para abrir el RichTextEditor en IE11, me da un error y no se abre. En todos los demás navegadores funciona. Adjunto un vídeo en el pptx y el código: Presentation2.pptx richTextEditor.add('insertHtml', { icono: '<select class="placeholders-select">' + Opciones()''<...
fq-selbach
Me sorprende que siquiera puedas abrirlo en IE11, ya que hay tanto código de ES6 y un uso intensivo de plantillas que IE11 no soporta en absoluto. Te sugeriría eliminar IE11 o al menos construir tus plantillas/páginas/widgets en un navegad...
en RichTextEditor he añadido un botón que abre un modal, y este modal introduce ciertos valores que luego insiro en el html. Pero cuando guardo estos valores, el html no los guarda. ¿Cuál podría ser el problema? Compartí el código y un vídeo en el PPTX. Presentation1.pptx editor. RichTextEditor.add('conditionIf', { ic...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
artf
Probablemente el problema aquí esté relacionado con la pérdida de enfoque durante la edición en modal. Deberías encontrar la manera de mantener el foco en el RTE (quizá creando tu propio modal que impida la propagación de eventos), pero es...
Versión: 0.16.27 Resumen:Falta de estilo de crucero en el componente duplicado Pasos para reproducir:Intenta cambiar algo en el estado de vueloDuplicar el componente modificado Esperado:El componente duplicado tiene estilo de flotación Actual:El componente duplicado no tiene estilo de flotación
artf
Buena observación, gracias @tranthanhhoa intentaré arreglarlo en la próxima versión