Tengo el bonito editor ckeditor 4 integrado en grapesjs con estos componentes: grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js: 4 grapesjs-plugin-ckeditor - 0.0.9 Mi proyecto genera boletines (HTML + CSS) para almacenarlos en la base de datos. Este boletín se puede editar y guardar tantas veces como qu...
Hola @Abhisheknanda1344463 Necesito el proceso inverso. Tengo el código en línea y necesito separarlo en componentes y estilos separados.
artf
Para cargar tus plantillas no deberías usar HTML/CSS, tienes que almacenar y cargar el JSON https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Hola, ¿Es posible personalizar cómo se ve el modal, algo así como la ventana de propiedades en Visual Studio? En lugar de modal abierto, el enfoque debería mostrar detalles en la ventana aparte
artf
No creo que debas usar el modal en este caso, puedes crear tu panel/div, poner un oyente en la selección de componentes 'component:selected' y renderizar allí tus propiedades
He observado que cada vez que alineo un componente a la izquierda o derecha (flotar a la izquierda o a la derecha), ese componente sale del contenedor padre, sin embargo, si llego a 'Ninguno', vuelve a entrar en el contenedor en su última posición. También encontré esto en la demo en directo. Consulta las capturas de...
Ju99ernaut
La propiedad float colapsa la div madre. Puedes usar este como referencia.
artf
Sí, desafortunadamente, así de raro funciona el carroza, así que si vas a crear un constructor para gente que no sea técnica, evita esa propiedad 😬
Hola @artf quiero añadir páginas dinámicas al rasgo específico del enlace. Esto es lo que estoy usando. 'const component = editor.getSelected(); component.getTrait('link').set('options', [ { valor: 'opt1', nombre: 'Nueva opción 1'}, { valor: 'opt2', nombre: 'Nueva opción 2'}, ]); ` Esto da un componente indefinido en...
Nota: Esto es en el contexto del Style Manager. ¿Hay alguna forma de usar diferentes variantes de la misma propiedad de estilo? Por ejemplo, cuando uso la propiedad text-align en un componente nodo que no es text, me gustaría que la etiqueta dijera "Align Content" con las opciones "izquierda", "derecha" y "centro". Si...
Ju99ernaut
No creo que sea posible usando la API, ¿y funciona 'alineación de texto' para componentes que no son texto? Probablemente querrás usar la propiedad 'align-content' de 'flexbox'
artf
Deberías intentar usar la propiedad 'stylable-require' de Component para mostrar la propiedad de estilo particular (marcada con 'aRequerir') y 'no estilizable' para la que no necesitas. '''js editor. Components.addType('...', { modelo: { P...
Joshmamroud
@artf Gracias por tu respuesta. En este caso, seguiría teniendo problemas usando la propiedad 'align-content' con columnas y filas flexibles. Para las columnas, me gustaría que las opciones fueran: 'Arriba', 'Centro' y 'Abajo', y para las...
Hola @artf ¿Hay alguna forma de añadir todos los botones predeterminados de grapesjs en un div personalizado, igual que lo hacemos con el gestor de estilos? Aquí https://codepen.io/artf/pen/MQpZPj Gracias
artf
Como puedes ver en el ejemplo, puedes especificar el objetivo del panel mediante la opción 'el: '#''', que debería poder contener tus botones
Abhisheknanda1344463
Hola @artf ¿Podrías confirmar este tipo de paneles: { ID: 'Opciones', EL: '#blocks'}' Lo he intentado, pero no funciona ¿O necesito crear un botón nuevo para mi nuevo panel? ¿Me estoy perdiendo de algo? Gracias de antemano
Hola @artf estoy intentando añadir nuevos tipos de rasgos. A continuación está mi código. También actualiza los valores en el código, pero al recargar el rasgo de enlace se pone en predeterminado. Aquí está mi código 'Editor. DomComponents.addType('link', { model: dModel.extend({ defaults: Object.assign({}, dModel.pro...
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
Versión: "0.16.18" ¿Puedes reproducir el error de la demo? [X] Sí [ ] No Pasos para reproducir el error en la demo de web builder: Abre la demo y la consola, entra 'Editor. Canvas.addFrame({ nombre: 'Página principal móvil', x: 100, // Posición en el lienzo y: 100, ancho: 500, // Dimensiones del bastidor altura: 600,...
artf
Gracias @FlowingCloudRTL por el informe, pero la función de multifotograma aún está lejos de estar completa, así que no me sorprenden los problemas. Si alguien está interesado en llevar esta función más allá, por favor que me lo diga