Hola a todos, Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen ¿Es posible envolver algo alrededor para que no se modifique? La razón del problema es que estoy usando twig (un lenguaje de plantillas) para...
adamwpe
Sustituye por #3139
ClaudeCode
Gracias por informar de esto, @adamwpe. Buena pregunta sobre Prevent <TABLE>que no se modifique durante el guardado.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
No captando estilos del elemento seleccionado Aquí está mi código, Modelo const = editor. StyleManager.getModelToStyle(component); sea styleObject = model.getStyle(); console.log("estilos", ObjetoEstilo) Versión: 0.14.49 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando...
artf
Primero, tienes que actualizar tu versión de grapesjs (usas una de hace 2 años), y luego tienes que hacer una demostración en vivo 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...
ClaudeCode
Gracias por informar de esto, @Asha1597. El problema con Cuando selecciono un elemento en particular no obtengo sus estilos. Este problema ocurre solo con algunos elementos. parece ser una condición de carrera o un problema de sincronizaci...
{"tipo": "texto","estado": "flotado","contenido": "Inserta tu texto aquí","atributos": {"id": "ixx2" },"activeOnRender": 0,"abierto": falso } En JSON quiero añadir una nueva clave con el objeto. Ejemplo, una clave data tendrá rasgos personalizados. Quiero añadir un nuevo objeto desde donde se puedan obtener datos y ll...
longdoan7421
Perdona, he entendido mal tu problema, así que mi comentario anterior no era relevante. Para lograr tu deseo, necesitas crear tu propio tipo de rasgo (docs) y tipo de componente (docs). Hay una forma más sencilla, pero no puede guardar tod...
longdoan7421
No estoy seguro de si entiendo tu problema. Pero si configuras cualquier característica personalizada en component model (excepto algunas claves de preservación como 'components', 'styles', ...) por ejemplo: 'component.set('customTraits',...
vijaycreatise
Lo intenté así, pero no funciona. Quiero añadir la clave y el objeto de data en JSON, cuando el usuario seleccione el formulario pueden introducir la URL de la API. ¿Puedes comprobar si lo estoy haciendo bien?
Por ejemplo, quiero añadir un gestor de eventos con doble clic en el componente de vídeo por defecto para abrir el gestor de recursos. Mi idea básica era obtener la definición de vista del componente de vídeo y añadir 'eventos' + manejador. Por último, vuelve a ponerlo en el componente de vídeo. Desgraciadamente, esta...
Joshmamroud
@archerbj aquí tienes una demo de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Quieres asignar la funcionalidad al propio 'tipo de componente' en lugar de buscar todas las instancias de ese componente y añadirl...
archerbj
@archerbj aquí tienes una demostración de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsQuieres asignar la funcionalidad al propio 'tipo de componente' en lugar de intentar encontrar todas las instancias de ese c...
abulka
@Joshmamroud Gracias por ese ejemplo de carrera. El tuyo es el único ejemplo que encuentro de usar la función de 'extender' mencionada en la documentación. Tu ejemplo es muy simple y zen, sin embargo, solo muestra añadir un manejador 'dblc...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un componente, el lienzo no debería desplazarse hasta la parte superior de la página. Describe el error detallado Cada vez que intento arrastrar un componente que está en las últimas sec...
artf
Hola José, ¿puedes proporcionar una captura de pantalla de tu problema? He intentado arrastrar la última sección de la plantilla pero me parece que todo va bien
josfh2005
Hola @artf, Puedes verlo aquí https://recordit.co/vn1ZVN6J1N, no es con las secciones, pasa con cualquier elemento pero solo la primera vez que intento arrastrar algo.
artf
Ah, vale, solo es la primera vez, ahora también 👍 lo tengo de mi lado
¿Alguien podría indicarme cómo ejecutar el ejemplo básico que aparece en la web de GrapesJS usando React? POR FAVOR, AYUDADME
ClaudeCode
Gracias por informar de esto, @BaskarMN. Buena pregunta sobre Ejemplo de empezar en la aplicación React. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [] Sí [X] No ¿Cuál es el comportamiento esperado? Pegar como texto plano (nodo de texto) sin Grapes JS envolviendo texto pegado en <fuente /> elemento. ¿Cuál es el comportamiento actual? Cuando pego texto plano en un elemento de texto vacío, el editor lo envuelv...
Joshmamroud
@artf sabes si esto ocurre en el componente, en el RTE o en otro sitio? ¿Podrías indicarme la dirección correcta? Cualquier ayuda con esto sería muy apreciada. ¡Gracias!
artf
No puedo reproducirlo, pero veo que usas un componente personalizado de 'dm-text', así que eso podría ser una razón.
Joshmamroud
@artf No lo creo. Aquí está la configuración del tipo de componente dm-texto ''' JavaScript { extiende: 'texto', modelo: { Predeterminados: { nombre: 'Texto', Rasgos: [], Editable: Cierto, Droppable: falso, Textible: Cierto, estilo: { rell...
Versión: '0.15.10' Esta pregunta pretende validar si existe una forma adecuada de extender la https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js actual con un plugin personalizado. Estábamos revisando específicamente el método 'render()' dentro de este archivo, para modificar ligeramente el HTM...
artf
Hola @jenter, buena pregunta. Desafortunadamente, nunca me he centrado mucho en la posibilidad de la extensión Canvas o sus elementos de interfaz, así que seguro que no hay una forma correcta de hacerlo. Si alguien está dispuesto a propone...
jenter
@artf revisaré algunas propuestas o reflexiones y las añadiré a este hilo.
¿Qué intentas añadir a GrapesJS? Cuando se deja caer un componente, mantente en la posición en la que se hace clic con el ratón. Describe tu solicitud de función detallado Empiezo a jugar con algunos bloques/componentes básicos. Si arrastro y suelto un componente, por ejemplo, una entrada de texto sencilla, parece que...
sprklinginfo
descubrí que ya está implementado usando "dragMode: 'absoluto'". Gracias.
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Gran sugerencia sobre TALENTO: ¡Deja caer un componente en la posición en que se hace clic del ratón! Aunque esta función específica aún no está en la API principal, existen varias formas de log...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a través del Gestor de Estilos aparece como 'imagen de fondo: url(...); `. ¿Cuál es el comportamiento actual? En lugar de 'imagen-fondo:url(https://grapesjs.com/docs/logo.png);' obten...
johnkeel-thork
Estaba a punto de informar del mismo problema. Imagen añadida como fondo: <img width="847" alt="Captura de pantalla 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d...
artf
Al cerrar desde el mismo jsfiddle el problema parece haberse resuelto
ClaudeCode
Gracias por informar de esto, @fq-Selbach. El problema con el CSS con gradiente lineal hace cosas extrañas en la imagen de fondo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...