He conseguido construir con éxito un pequeño generador de arrastrar y soltar con grapesjs. Funciona genial. El problema que tengo es cuando arrastro un carrusel bootstrap dentro del constructor. El carrusel funciona como se espera en una página normal. Pero cuando estoy dentro del framework, solo aparece la primera im...
pranay2210
Si encuentras alguna solución, por favor responde, porque estoy buscando la misma solución.
artf
La llamada del deslizador debería activarse una vez que dejes caer un bloque nuevo. Aprende más sobre Componentes y Componentes con JS. Usar solo bloques no es suficiente para esa funcionalidad
inidaname
@pranay2210 pudiste encontrar una solución para esto
DescripciónEl error se reproduce en la demo actual¿Qué pasa?En el panel de Style, la entrada de propiedades altura/anchura del Panel no reflejaba los valores correctos.Pasos para reproducir en la demoAbre la ventana emergente de importación, pega esto y haz clic en importar '''html <label>Test</label> <style> etiqueta...
artf
Desafortunadamente, la altura y el ancho calculados (como en este caso, porque están unidos a la etiqueta y no a una sola clase/id) no pueden mostrarse correctamente, por lo que se excluyen intencionadamente
Hola @artf, ¿Cómo recomendarías darle un estado vacío a un componente? Por ejemplo, si tengo un componente de layout (es decir, una columna) que debería contener elementos hijos (por ejemplo, componente de texto o imagen). Cuando ese componente de diseño esté vacío, me gustaría mostrar algo de texto de ayuda dentro, c...
Joshmamroud
@artf ¡Eres EL HOMBRE! Ni siquiera sabía que existía el selector ':empty'. ¡Tan sencillo, tan increíble! Alucinado. ¡Gracias!
artf
He hecho algo similar de esta manera usando solo CSS '''js const doc = editor. Canvas.getDocument(); ... addType('cc', { modelo: {...}, Vista: { init() { ... const stl = doc.querySelector('style#cc-id'); if (!stl) { doc.body.insertAdjacent...
hellocaio
Hola Josh, me gusta tu idea. No soy experto, pero aquí tienes un par de impresiones: Básicamente, añadiría algún tipo de bandera al propio componente. Idea 1) Si el componente es algún tipo de contenedor (es decir, div), añadir un '<p clas...
Hola. He actualizado GrapesJS a su versión actual 0.16.22 y me aparece un error en la función de callback: editor.on("component:add", (model) => { editor.select(modelo); }); La pila de errores: Rechazo no gestionado (TypeError): i.classList no está definida Stack: ./nodemodules/grapesjs/dist/grapes.min.js/</</w.toggle...
hellocaio
Da igual, problema resuelto por: editor.on("load", () => { editor.on("component:add", (model) => { editor.select(modelo); }); });
hellocaio
Vale, olvida lo anterior. Funcionó varias veces y ahora me da el mismo error. Perdón por eso.
Renderizado de componentes angulares en GrapesJS. Estoy creando un editor Angular con GrapesJS. Puedo integrar GrapesJS en mi proyecto Angular y también he creado componentes y bloques personalizados que pueden usarse para crear herramientas. ¿Hay alguna forma de renderizar componentes de Angular directamente en el ed...
Añade AngularComponent como entryComponents en el módulo de la app, luego importa createCustomElement como se indica más abajo Ahora usa "popup-element" en grapesjs
suryavijayakumar1315
Estoy usando el elemento personalizado así en Block Manager this.editor.BlockManager.add('blockname' , { etiqueta: 'etiqueta', Tipo: 'Tipo', Contenido: '<div><mycustomelement></mycustomelement></div>' Categoría: 'categoryname' });
¿Hay alguna forma de ajustar el tamaño de los "bloques"? porque en IE11 el tamaño de los bloques es diferente. IE11: ! bloques-ie11 Firefox/EDGE/Chrome: ! bloqueos
¡Hola! He encontrado un error raro con el oyente de actualizaciones. Se activa en la carga inicial si el código html tiene <img> etiqueta con atributo clase: '''javascript const editor = grapesjs.init({ contenedor: "#gjs", storageManager: { type: 0 }, Plugins: [], Componentes: ' <img src="https://images.unsplash.com/p...
artf
No sé por qué ocurre, pero no le daría alta prioridad al problema para una actualización falsa positiva. Así que, si alguien quiere ayudar a depurar esto, se lo agradecería
¡Hola Art, gracias por crear un proyecto tan fantástico! No estoy seguro de si esto se consideraría un error o una solicitud de función... pero tengo problemas para decidir cómo aplicar el color de fondo en el cuerpo mientras uso el plugin del boletín con GrapesJS. Pasos para reproducirse:Seleccionar el cuerpo (elemen...
JoshLucio
@mhowey yo también he visto esto, pero siempre he supuesto que el cuerpo es solo el lienzo provisional para el contenido. Los cambios en el cuerpo no se exportan ya que el contenido colocado en el cuerpo es lo único que se exporta. En mi a...
artf
Puedes usar esta opción '''js grapesjs.init({ exportWrapper: cierto, }) ```
mhowey
Gracias por la respuesta @JoshLucio. Estoy usando el plugin de presets del boletín, que creo que está más orientado al correo HTML que a la construcción de sitios. De hecho, estaba pensando que lo que dices que era así, y he explorado todo...
Hola, Estoy editando HTML heredado con la versión 0.16.3 + newsleter-plugin. El estilo se almacena en línea (ya que la herramienta se usa para crear correos electrónicos) y yo uso la función 'componentFirst: true'. Me enfrento a un problema al intentar editar Texto de componente que contiene otros elementos de texto d...
artf
Hola @orosl, gracias por el informe. He conseguido encontrar y arreglar el bug, así que estará disponible en la próxima versión.
orosl
Hola @artf, muchas gracias por tu rápida respuesta y liberación. Actualicé con la última versión 0.16.27. Sin embargo, sigo encontrándome con el problema, pero con un comportamiento ligeramente diferente. No estoy seguro de si debería abri...
artf
Gracias @orosl en realidad la solución funcionaba con componentes internos pero no con los anidados. Lo arreglaré en la próxima versión
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...