Estoy trabajando en un proyecto en el que integré grapesJs para que los usuarios puedan crear sus plantillas, guardarlas en la base de datos y editar esas plantillas guardadas. Recientemente añadí el plugin de deslizamiento y ahora el usuario puede crear plantillas, pero al editarlo causo problemas con JavaScript, Est...
sfkazmi
Tengo una forma de solucionarlo, pasé directamente el contenido HTML y CSS <div>en .
sfkazmi
Tengo un nuevo problema, cuando paso el css <div> para renderizarlo y hacer html, cambio el estilo y lo obtengo con editor.getCss(); recibe el estilo antiguo que pasé a la etiqueta <div>style
artf
Lee esto: https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Hola @artf, Cómo podemos crear el gestor de deshacer personalizado con un clic. Todos los cambios tienen que añadir el administrador de deshacer y entonces podemos volver a él. Como hemos implementado ciertos cambios en diferentes elementos, por eso cierto CSS no funciona. Por ejemplo, cuando hago clic en un botón he...
artf
No hay métodos integrados para añadir un gestor personalizado de deshacer, pero definitivamente puedes mejorar la integración con el predeterminado abriendo algo de PR
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.
Antes que nada, gracias a todos por esta biblioteca tan increíble, Y tengo una aclaración que es cómo personalizo el ejemplo de la posición de caída? Si arrastro un campo de texto a Canvas se verá así - (debajo de la referencia 1) Y quiero personalizar la posición de ese texto simplemente arrastrándolo de izquierda a...
artf
El "modo Diseñador" aún no está disponible pero está previsto en la hoja de ruta (#74)
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 Estoy usando tu plugin de código estándar y quiero desactivar la propiedad de hoverable de todos los elementos, como captura de pantalla debajo del área amarilla que aparece al pasar el cursor Intenté hacer esto ' const updateAll = model => { model.set({hoverable:false}); model.get('components').each(model...
artf
@Abhisheknanda1344463 si ves "área amarilla" probablemente porque usas 'showOffsets: true' en tus configuraciones (por defecto es 'false').
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.
Hemos integrado GrapesJ en nuestra aplicación Angular. El gestor de activos muestra una lista de imágenes que se han subido. Inicialmente, no hay imágenes y, al arrastrar una imagen y luego gestionar la subida, el administrador de activos muestra la imagen correcta. Al subir una imagen, estamos devolviendo un objeto c...
artf
Deberías generar esto para tu endpoint de subida: https://grapesjs.com/docs/modules/Assets.html#response Por ejemplo, '''js { datos: [{SRC: '.../image.png'}] } ```
aerionTech
Hola, eso funcionó, en la documentación quizá quieras actualizar la documentación para eliminar la primera línea del array y usar solo la versión objeto para los datos de retorno. { datos: [ 'https://.../image.png', // ... { SRC: 'https://...
artf
@aerionTech cierto, pero creo que actualizaré la función de subida para que también entienda los elementos en cadena
Hola, estoy intentando instalar esto en mi ordenador y luego abrir PowerShell para poder acceder a la web de localhost, pero no me deja acceder al localhost8080 porque dice que no es válido
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.
¿Cómo puedo ocultar un elemento de rasgo mientras creo un rasgo para el componente? ¿Hay alguna forma como display:none o hidden:1? ¿Cómo puedo mostrar u ocultar algún rasgo? Cualquier ayuda sería muy apreciada.
artf
Puedes pasar algo como este 'atributos: {estilo: 'display: ninguno'}'
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, estoy desarrollando un plugin para gráficos usando chart.js. Para que la plantilla generada renderice el gráfico desde un modelo de datos generado por el plugin, necesito almacenar este modelo en la etiqueta html del componente. El modelo utilizado por la carta es el siguiente: '''javascript { "tipo": "línea", "...
gabrigcl
He visto que hay '''javascript component.setAttributes({ id: 'test', 'data-key': 'value' }); ``` método, lo probaré y cerraré este problema.
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, intenté incrustar mi plantilla en el editor grapesjs. El problema que tengo es que el editor no funciona como se espera con esa plantilla. Nota: Estoy usando la app React para envolver el editor grapesjs. Al principio el editor incrustó mi plantilla y se ve como la imagen de abajo ! sin título Usé efectos de Pa...
artf
Por favor, crea una demo en directo del problema
no-response[bot]
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...
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, quiero usar un gestor de activos personalizado Estoy acostumbrado a esta solución, ` var assettarget =''; editor. Commands.add('open-assets', { run(editor, sender, opts = {}) { const modal = editor. modal; const styleManager = editor.styleManager; activtarget = opts.target; modal.setTitle('Añadir nueva imagen');...
artf
@Stejsi dentro de 'opts' tienes la callback 'onSelect', que debería actualizar cosas en el Style Manager. Desafortunadamente, solo acepta activo (objeto) como argumento (mi culpa, también haré que entienda las cadenas), así que, por ahora,...
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.