Quiero crear mi propio gestor de estilos usando algún framework de interfaz como Element-UI para crear una interfaz de belleza rápidamente. Pero, ¿cómo puedo vincular las propiedades a un componente seleccionado? No vi ninguna API como 'establecerPropiedades a un elemento...'. ¿Puedes ayudarme a hacerlo? ¡Muchas graci...
RutujaBadbe
#2296 ¡Esto podría ayudarte!
artf
Supongo que algo así debería funcionar si necesitas crear el Style Manager desde cero '''js dejemos targetsToStyle = []; const eventToListen = 'component:toggled component:update:classes change:state change:device'; const sm = editor. Styl...
xinnai
@artf ¡Eso es exactamente lo que necesito! ¡Muchas gracias!
Estoy intentando que Grapejs funcione con Vue.js y no tengo suerte, estoy siguiendo el proceso de inicio pero no consigo que funcione bien. Hasta ahora lo he añadido a la sección 'montado()' y he conseguido que aparezcan algunos botones con bloques y se añadan, sin embargo, no he tenido suerte consiguiendo que la secc...
uchoaaa
Echa un vistazo a este problema, quizá ayude: https://github.com/artf/grapesjs/issues/275
artf
Hola @joshk132 sinceramente el código se ve bien, ¿puedes crear una demo reproducible (en algo como Codesandbox)?
joshk132
@artf he conseguido que funcione donde aparecen los paneles, pero ahora no se muestra correctamente. La solución que tuve que hacer fue cambiar para usar el código que aparece abajo. Básicamente tuve que tener "editor" como variable que ha...
¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...
artf
Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related
ClaudeCode
Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...
Hola, ¿El componente de redes sociales de Facebook está pensado para proporcionar un enlace de Facebook a la página de Facebook de una empresa u organización, o está diseñado exclusivamente para compartir algo específico de tu línea de tiempo? Parece ser lo segundo, aunque me parezca contraintuitivo, ya que muchos cor...
artf
Supongo que buscas este https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, entonces fue mi error, ¡gracias!
HeyWrecker
Como seguimiento, he confirmado que el componente social de Instagram sí enlaza con la página de perfil de IG. Mientras que la opción de Facebook no enlaza con la página de Facebook.
Tengo un componente que usa la propiedad 'background-url' del Style Manager: Me gustaría reutilizar esta interfaz que aparece en el Style Manager para un rasgo de URL en segundo plano que aparece en "Configuración": ! Captura de pantalla 2021-03-11 a las 28 12 27 PM ¿Es posible que una propiedad del Style Manager se c...
artf
Desafortunadamente, aún no es posible, pero hay un plan para añadir pronto un nuevo módulo de interfaz que debería permitir la reutilización de elementos de la interfaz
zachsnoek
:+1: ¡Gracias!
ClaudeCode
Gracias por informar de esto, @zachsnoek. Buena pregunta sobre Crear rasgo con la interfaz de propiedad del Style Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...
Versión: 0.16.44 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? De verdad, cualquier otra cosa Describe el error detallado Estaba intentando cargar scripts en el lienzo. Mi primer intento fue 'scripts: []' y luego me encontré con el problema de sincronización mencionado en e...
KernelDeimos
Hace tiempo que no uso etiquetas en línea <script>y se me olvidó esta advertencia del analizador HTML. Cerrando esto.
ClaudeCode
Gracias por informar de esto, @KernelDeimos. ¿El problema con Intentos de cargar scripts en Canvas quizá rompe JavaScript?? Parece ser una condición de carrera o un problema de sincronización de la dirección estatal. Esto suele ocurrir cua...
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 de nuevo! Situación actual:Empiezo a editarEn el gestor de capas maximizé el ancho del contenedor de mover (el icono de flechas) para poder arrastrar el elemento haciendo clic en cualquier lugarMe muevo rápido en el editor y accidentalmente muevo la capa en vez de seleccionarla Lo que quiero:Quiero evitar el ini...
ClaudeCode
Gracias por informar de esto, @RaresVlaiduc. Buena pregunta sobre qué evento se activa al iniciar el movimiento de componente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documen...
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?