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...
kumarabhishek008
El problema se ha resuelto
ClaudeCode
Gracias por informar de esto, @kumarabhishek008. El problema con Imagen de fondo del componente envoltorio no carga por segunda vez al actualizar parece ser una condición de carrera o un problema de sincronización de gestión de estado. Est...
Hola, Estamos teniendo un problema: el color del nombre de la propiedad, como "Width", es azul al arrastrar un nuevo componente a canvas, pero no modificamos su valor. ! imagen Grapesjs es poderoso y muy útil para nosotros. Sin embargo, somos nuevos en grapesjs y hemos dedicado mucho tiempo a este tema sin ningún avan...
artf
Hola @luziye9 seguro que estás usando un bloque/componente con una propiedad personalizada de 'estilo'... De todos modos, si abres un problema de BUG, tienes que seguir la plantilla (versión de grapesjs, demo reproducible, etc.). Así que,...
ClaudeCode
Gracias por informar de esto, @luziye9. Buena pregunta sobre ¿Cómo cambia el color de la propiedad a azul cuando cambia el valor?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentació...
Hola @artf - lo que has construido es magnífico. Ha sido una lucha suave porque estoy lejos de ser un mago de JS. Sin embargo, tengo casi todo configurado, ¡excepto esto! Quiero establecer rasgos que se muestren cuando se selecciona una imagen (alt, src, id). Estoy seguro de que se puede hacer una vez al inicializar,...
artf
Hola Freddy, en este caso puedes simplemente ampliar el componente de imagen '''js editor. Components.addType('image', { modelo: { Predeterminados: { Rasgos: [{Nombre: 'Alt'}, {Nombre: 'SRC'}, {Nombre: 'ID'}] } } }); ```
ClaudeCode
Gracias por informar de esto, @fmay. Buena pregunta sobre Pregunta: Rasgos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el...
Por favor, alguien me ayude a salir de este problema editor.setComponents (texto html); No funciona el script como se espera tras cargar desde la plantilla guardada en HTML mientras arrastra y solta, funciona después de guardar y volver a...
artf
No puedes cargar el código HTML generado de nuevo en el editor, leer la documentación sobre cómo almacenar y cargar correctamente las plantillas https://grapesjs.com/docs/modules/Storage.html
ClaudeCode
Gracias por informar de esto, @nithinpillalamarri123. Gracias por compartir tu informe sobre Grapes js versión v0.16.34 que da código de script inesperado tras cargar el html guardado. Para ayudar al equipo a investigar y priorizar esto: P...
Tenemos un caso de uso en el que queremos insertar gráficos dinámicamente usando Highcharts Editor. He creado un componente que, al arrastrar y soltar, abre un modal y, según la selección del usuario, devuelve una imagen SVG. Me pregunto cómo puedo añadirlo al cuerpo del modelo. Ahora mismo estoy usando innerHTML para...
artf
En este caso no necesitas componentes con JS (en tu código final no ejecutas ningún JS), te basta con algo así: '''js domc.addType('charts-component', { Vista: { eventos: { dblclick: 'onActive', // para volver a abrir el modal al hacer dob...
harsh201
Perdón por el spam. No pude subir vídeos de uso desde mi portátil del trabajo. https://user-images.githubusercontent.com/2502711/106098322-d39c7b80-615e-11eb-8569-cf76ffc7fcc7.mov
harsh201
@artf Cualquier ayuda será bienvenida. He revisado la documentación otra vez y no me llama la atención nada, lo cual podría estar pasando por alto.
Extraído de https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' - Se activa cuando un componente se actualiza (se mueve, se estiliza, etc.), el modelo se pasa como argumento a la callback reproducir el bichousar la API 'move' para mover el componentehttps://grapesjs.com/docs/api/compon...
ClaudeCode
Gracias por informar de esto, @AnnaSu. El problema con "component:update" no se activa cuando se mueven componentes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...
Hola @artf ¿Hay alguna forma estándar de añadir una nueva barra de herramientas en cada componente He probado esta manera '''js editor. Components.getTypes().map(type => { editor. Components.addType(type.id, { modelo: { Predeterminados: { barra de herramientas, Rasgos:[ ... editor. Componentes.getType(type.id).model.p...
artf
Sigue la plantilla del issue (versión, demo en directo, etc.)
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Establecer barra de herramientas en cada componente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documen...
Hola, tengo el siguiente problema: Necesito un editor de tipo de evento (editor.on ("ordener: drag: end") que se incluya en todos estos casos: (detectar qué elemento y dónde lo estoy dejando) 1- Haz que se escuche cuando arrastres y soltes un elemento desde el BlockManager y lo dejes caer en el lienzo. 2- Haz que se e...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
ClaudeCode
Gracias por informar de esto, @matiasmasciotta. Buena pregunta sobre COMPONENTES DE ARRASTRAR Y SOLTAR:. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...
Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar esta opción? Quiero crear mi propio componente personalizado con, por ejemplo, [data-gjs-type]="anyDiv" y tener la misma funcionalidad que en [data-gjs-type]="text". ¿Quizá alguien s...
Abhisheknanda1344463
@vatte21 Para que tu componente sea editable. Tienes que extender el texto en tu componente de esta manera '''js editor. Components.addType('anyDiv', { modelo: { Predeterminados: { Tipo: 'texto', Rasgos:[ ... editor. Componentes.getType(ty...
vatte21
@Abhisheknanda1344463 ¡Gracias! Lo intentaré
abulka
@Abhisheknanda1344463 tu fragmento de código me da un error 'Uncaught ReferenceError: type is not defined' en la línea ¿Dónde se define el 'tipo'?
Hola @artf He añadido un nuevo componente Aquí está el código '''js editor. DomComponents.addType('header', { modelo: { Predeterminados: { etiquetaNombre: 'h1', tipo: 'cabezal', Tamaño: 'H1', Rasgos: [ { Nombre: 'Size', etiqueta: 'Tamaño', tipo: 'select', cambioProp: 1, Opciones: [ {valor: 'h1', nombre: 'One'}, {valor...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre El valor de los componentes no está cambiando. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...