Versión: 0.16.45 Si añado grapejs-preset-js, entonces stylemanager repite cada opción dos veces. Aquí tienes el enlace de jsfiddle donde puedes comprobar el mismo comportamiento. https://jsfiddle.net/assadnazar/2asojqrc/1/ Quizá no sea la fusión de las opciones
Gracias por informar de esto, @assadnazar. Gracias por compartir tu informe sobre las opciones de StyleManager repetidas dos veces. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...
grapesjs - 0.16.105 Cuando hago clic en un elemento (forma - este elemento tiene desactivar clonación), el siguiente segundo elemento (columna). Clon del primer elemento en el segundo elemento y perdió todos los estilos. ¿Puedes ayudarme? https://user-images.githubusercontent.com/44744754/112153667-cb534080-8be3-11eb-...
artf
Hola, primero necesitas actualizar tu versión de grapesjs, es demasiado antigua y no puedo ayudarte sin una demo reproducible del problema
qweiop801
Actualicé grapesjs a la 0.16.45 y el problema sigue existiendo
ClaudeCode
Gracias por informar de esto, @qweiop801. Buena pregunta sobre el problema del doble clic. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específ...
Cuando hago clic en un elemento, el siguiente, el segundo elemento se clona al segundo y pierdo todos los estilos. ¿Puedes ayudarme? ! imagen
artf
Hola @qweiop801 por favor sigue la plantilla del problema siguiendo todos los pasos
ClaudeCode
Gracias por informar de esto, @qweiop801. El problema con el error de doble clic en copiar. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida d...
Versión: 0.16.44 ¿Cuál es el comportamiento esperado? Espero tener dos instancias separadas de uva en una sola página y poder utilizar correctamente el gestor de activos Describe el error detallado He inicializado 2 instancias de Grape en una página con la configuración a continuación '''javascript AR editor = grapesj...
ThetripGr
Vale, después de investigar un poco más, el verdadero problema era la forma en que iniciaba a los editores, así que mi culpa. No me aseguraba de que las instancias fueran realmente separadas y sobrescribía la primera instancia aunque parec...
ClaudeCode
Gracias por informar de esto, @ThetripGr. El problema de tener dos instancias de uva presentes hace que el gestor de activos de la primera "parada" funcione parece ser un problema de condición de carrera o de sincronización de gestión esta...
Gracias por tu trabajo, es un buen proyecto, puede que no sea un error Estoy intentando hacer que el selector de colores en el gestor de estilos se desplace con la caja de entrada. Por ejemplo: La caja de entrada (color, fondo)Abre el selector de coloresDesplaza el Gestor de Estilo La caja de entrada se movió, pero el...
artf
El selector de color está colocado de forma absoluta. A menos que encuentres la forma de actualizarlo en el scroll del gestor de estilos, no veo alternativas.
ClaudeCode
Gracias por informar de esto, @jcsofts. Buena pregunta sobre El desplazamiento del selector de colores fuera de la caja de entrada. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...
Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js'...
artf
El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías cr...
xinnai
@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está co...
artf
'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente
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...
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...
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