Hola @artf Seguí la documentación para crear un nuevo tipo de gestor de activos Aquí (https://codepen.io/abhi_punk81/pen/MWbWzaq) He creado un tipo nuevo como el mismo que aparece en la documentación ¿Cómo puedo abrir ese gestor de activos después de soltar mi bloque personalizado de iconos -: Al principio funciona bi...
Abhisheknanda1344463
@artf Lo consiguieron y también manejamos insensibles a mayúsculas minúsculas https://user-images.githubusercontent.com/20657737/112457190-82d18980-8d81-11eb-895b-b5c42e849f3a.mov ¡Gracias! ❤️
Abhisheknanda1344463
Hola @artf de alguna manera he conseguido hacerlo En el componente activo llamé a esto -: '''js eventos: { dblclick: 'onActive' }, onActive () { editor. AssetManager.render(editor. AssetManager.getAll().filter(asset => asset.get('type') ==...
artf
Debería ser similar a lo que ya has hecho aquí 'Editor. AssetManager.render(editor. AssetManager.getAll().filter(asset => asset.get('type') == 'svg-icon'));' Así que busca assets buscando y actualízalo con render
Hola, @artf, este es un marco estupendo, muchas gracias. Ahora lo estoy usando para crear componentes del framework móvil de BUI y me encontré con un problema: añadí un área de texto personalizada para rasgos, ¿cómo puedo hacer esto? Cuando los datos cambian, se activan en el script de salida. '''js editor. TraitManag...
Ju99ernaut
Tendrás que añadir el rasgo a 'script-props', puedes leer más aquí https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts
imouou
Gracias @Ju99ernaut, si son algunas funciones integradas, al modificar el script puede recibir el valor del parámetro, actualmente estoy experimentando problemas: la característica personalizada 'textarea' puede activar cambios como dom, p...
Hola. Grapesjs es una herramienta estupenda. Gracias por ello. Quiero actualizar el valor de texto de un componente por entradas, ¿cómo puedo hacerlo? si un usuario rellenaba la caja de entrada con algo como: SITIO DE TÉ, el título debería cambiar a él ! imagen
artf
Solo tienes que encontrar el componente y actualizarlo como quieras '''js const typedByUser = 'escribe algo...'; const cmp = editor.getWrapper().find('.any-query-selector')[0]; cmp & & cmp.components (typedByUser); ```
millord
También quiero algo similar con mi app de uvas, pero usando React para actualizar un componente de texto mediante una entrada de control. ¿Alguien puede ayudarte con eso?
Versión: 0.16.44 ¡Hola! Tengo almacenamiento remoto para páginas y, recientemente, tuve un problema al guardar una página; 'JSON.stringify(editor.getComponents())' empezó a mostrar el error 'Uncaught TypeError: e[M].getId is not a function'. Investigué la representación JSON de la página que ya estaba guardada y descu...
yucomds
El mismo error aquí... ¿Tienes alguna solución? [EDITAR] Reducir la categoría parece ser la única solución por ahora
josfh2005
Mismo problema aquí, si preproceso los componentes y elimino ese atributo (__symbol) antes de cargar el Editor, la plantilla funciona bien. ¿Hay alguna forma @artf desactivar los símbolos por ahora?
artf
Sí, desafortunadamente la versión anterior de grapesjs tenía un error que creaba símbolos involuntarios. En la versión actual, el error se corrige y los símbolos están desactivados, pero desafortunadamente esto sigue ocurriendo si intentas...
NVM Tienes que poner la sobreescritura de componentes en los plugins.
ClaudeCode
Gracias por informar de esto, @Andrew-Chen-Wang. Buena pregunta sobre ¿Cómo actualizar los rasgos de los componentes integrados?. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docu...
Versión: ¿Actual? Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo? [ ] Sí [ x] No // para ser justos, nunca lo intenté en la demo ¿Cuál es el comportamiento esperado? Al editar el texto de las capas, añadir una línea nueva y luego hacer backsspace, esperarí...
artf
Vale, voy a proponer una corrección para editar el nombre de capas, probablemente no tenga sentido tener nuevas líneas activadas ahí (haré que paren la edición en Enter/Esc). Para el segundo problema, si usas algo tuyo para redimensionar e...
anatoli-dp
Sí, no me di cuenta de que editor.refresh() existía hasta después. Si no, gracias. Proyecto genial
ClaudeCode
Gracias por informar de esto, @anatoli-dp. Buena pregunta sobre capas el texto no se centra después de crear una nueva línea. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
Versión: 0.16.34 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No Según tengo entendido, el diálogo de importación de código se salta todos los scripts HTML, así que no puedo reproducir el problema en la demo ¿Cuál es el comportamiento esperado? El editor debe eliminar bloques de script muertos antes de añadir un...
Ju99ernaut
No puedo reproducir esto, quizá puedas aportar más información sobre el componente personalizado en sí, de todas formas sospecho que es un problema relacionado con el almacenamiento. ¿Estás almacenando y luego cargando páginas a partir del...
Andrew-Chen-Wang
Normalmente, los scripts en línea van en el cuerpo en la parte inferior. ¿Quizá podrías ponerlo ahí?
am1rb
No añado nada por mi cuenta. El editor añade los scripts relacionados con mis componentes en una nueva etiqueta de script al final del HTML generado. Por favor, echa un vistazo a este archivo: https://github.com/artf/grapesjs/blob/dev/src/...
Me di cuenta de que las unidades de mm o cm se convierten en px. ¿Cómo puedo solucionar este problema? Gracias ! imagen
Ju99ernaut
¿Has añadido mm, cm, etc., como unidades a las entradas del gestor de estilo? Estas no están integradas
Ju99ernaut
Como se ha dicho antes, es lo que hace el motor del navegador, normalmente esta es la solución, pero nunca lo he usado con unidades que no estén integradas: '''js window.editor = grapesjs.init({ // ... StyleManager: { // ... avoidComputed:...
Andrew-Chen-Wang
Creo que eso es simplemente lo que hace el motor de navegador en general. No soy un experto, pero creo que esa salida es solo la información final interpretada por el motor.
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...
Andrew-Chen-Wang
Un solo clic puede ser molesto al arrastrar bloques. Si ya has seleccionado un bloque, aún tienes que hacer doble clic. Si no seleccionaste un bloque, puedes simplemente hacer doble clic en el bloque para editar el texto. Creo que eso ya e...
fahad157
@Andrew-Chen-Wang: Sí, es correcto, pero en mi caso quiero editar con un solo clic, si es posible, por favor guíaos.
Versión: 0.16.44 Hola @artf Tengo un bloque personalizado con un componente de botón personalizado, cuyo contenido es similar al de este. ` <a data-gjs-type="custom_button" class="btn btn-1" href="">Haz clic aquí</a>' Además, he añadido un rasgo de texto para cambiar el contenido de los botones, en este caso concreto...
artf
Hola Juan, gracias por el informe, ¿puedes mostrarme cómo funciona tu rasgo de texto? Esperaría que funcionara correctamente si actualizas tu componente de esta manera: 'component.components(e.target.value)'
jcamejo
Esa era mi característica Lo he cambiado a Y ahora funciona sin anular contenido de actualización ni renderizar niños, ¡gracias! Nunca habría llegado a la conclusión de usar el método de 'componentes'. Ahora no me gustan los nodos 😅 de te...
artf
No creo que necesites este 'target.set('content', value);'. Por lo demás, todo bien 👍