Hola, He leído las wikis de Traits, Components y API, he recopilado todos los temas abiertos y cerrados. Incluso he encontrado el código donde creas los valores predeterminados (ID, Título, Alt) que tienes hoy. Se han hecho preguntas similares, pero ninguna responde a la pregunta principal. Para cada componente HTML q...
ryandeba
Hola @kewilson, Tienes varios enfoques diferentes para lograr esto... si cada componente necesita este rasgo personalizado, probablemente anularía el método 'inicializar' del tipo de componente por defecto y lo añadiría allí. Algo así: Alt...
kewilson
Hola@ryandeba muchas gracias por las sugerencias. Puse el segundo y funciona, bueno, para los valores predeterminados, como cabría esperar. Bloques como enlace, imagen, entrada, por nombrar algunos, no añaden el atributo, pero esos deben c...
josefph
@kewilson podrías ayudarme a añadir otro rasgo por defecto en un componente específico?
Versión de GrapeJs: 13.8 Copia local JSFiddle: https://jsfiddle.net/austinbiggs/tgsykuq4/ Este error es un poco difícil de explicar, pero debería ser bastante sencillo de recrear. Tengo enlaces de menú que están restringidos a arrastrarse dentro del padre '<nav>', pero al arrastrar, aparece un marcador de posición fal...
artf
@AustinTBiggs no sé si es solo esto, pero tus enlaces tienen 'data-gjs-draggable=".menu nav.menu"' que en su lugar debería ser algo como 'data-gjs-draggable="nav.menu"'
austinbiggs
@artf Aunque no entiendo por qué es necesario ese cambio (es un selector válido), yo hice el cambio. Por desgracia, sigo viendo el problema. He actualizado mi violín para mostrar esto
artf
Con '.menu, nav.menu' ¿quieres decir que solo puedes arrastrar dentro de menús anidados, quizá debería ser '.menu, nav.menu'? Aquí está mi versión y funciona como se espera https://jsfiddle.net/wsn33167/
Hay una opción en el panel para cambiar la configuración del componente (para enlaces, hay una opción de no cambiar enlace - HREF - y destino, para textos, id y título y para imágenes, atributo alt). Me gustaría saber cómo puedo crear esas entradas y cómo puedo cambiar estas atracción en un componente seleccionado. He...
arthuralmeidap
@JulyanoF , Perdona, me he perdido el paréntesis. Es 'editor. TraitManager.getTraitsViewer().el'
arthuralmeidap
Esto es lo que buscas: https://github.com/artf/grapesjs/wiki/Components
JulyanoF
@arthuralmeidap bien, pero ¿cómo puedo mostrar el componente en mi comando actual?
Por favor, tened paciencia conmigo, pero es realmente difícil entender la documentación. ¿Podéis ayudarme a hacer esto?
JulyanoF
@pranzikkin @pranzikkin es una serie de archivos:$FILES['archivos']Puedes depurar y ver la respuesta en la red del navegador (consola).Como pasa un solo archivo de cada vez, el archivo pasa en la primera posición, así que puedes tomar el n...
arthuralmeidap
@pranzikkin Pon el 'http\https' para la URL; algo como 'http://<youraddress>'
josefph
@JulyanoF gracias por la gran ayuda. Ya lo tengo funcionando. @arthuralmeidap gracias por la ayuda. Ya lo tengo funcionando.
Cada vez que importo, usando un plugin de importación, se borra parte del código en javascript. ¿Hay alguna forma de conservarlo? Quiero usar directamente el archivo html exportado, pero ahora no puedo usarlo porque falta javascript
arthuralmeidap
¿Cómo se llama el plugin?
RiyaThete
! imagen El penúltimo plugin de importación. Está disponible en http://grapesjs.com/demo.html
arthuralmeidap
Intenta ejecutar 'editor.getJs()'. comprueba si devuelve el JS importado anterior.
¿Cómo interceptarías y evitarías que un activo sea retirado? Sospecho que la imagen ya puede haber sido eliminada cuando ejecutamos "activo:remover". Si es así, ¿cómo podemos acceder a las acciones y pedir confirmación? La razón por la que pregunto es porque quiero vincular una eliminación en GJS a la eliminación perm...
kickbk
Lo pasé por alto en la documentación.
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy intentando crear una función que reemplace todos los atributos de link, estos hacen el cambio en el lienzo, pero no lo guardan cuando lo intento con la función editor.storage(); Aquí está el código:
artf
@chiqui3d de esta manera solo actualizas la vista, el código de salida se genera por el modelo en su lugar (cuando actualizas, los cambios del modelo se reflejan en la vista). Así que tu ejemplo será algo así '''js const wrapper = editor....
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
¡Hola! Me preguntaba si puedo editar el código final con un editor de código.
cjpollard
Alguien puso un buen código para eso aquí. https://github.com/artf/grapesjs/issues/74#issuecomment-322427387
JulyanoF
@Praunda para que el html lo edite:' editor.getHtml();' para que CSS edite: 'editor.getCss();'
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy intentando cargar un contenido publicitario existente en el editor de GrapesJS. Al arrastrar nuevos componentes personalizados al editor con algún script, el editor se carga dentro del marco raíz del editor. No estoy seguro de qué está causando este problema. ! editorinsideeditor
artf
@rohanreddyg puedes crear una demo en directo de tu caso, por favor
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola, Cuando añado una columna (fila) y un color de fondo, ese color se añade a todo lo que tenía antes y también a los siguientes que añades. ¿Es realmente su funcionalidad o es un error?
artf
@chiqui3d efectivamente, he actualizado el sistema de cuadrícula, lo que permite una edición más natural de filas/columnas. Por cierto, sigo pensando que el ejemplo de las imágenes es una buena muestra del "poder" de las clases y no un "pr...
ryandeba
Hola @chiqui3d, Apuesto a que esto ocurre porque el componente seleccionado tiene la misma clase que los demás componentes. Todas esas imágenes de la demo tienen la clase 'avatar-badge', así que cambiar una las cambia efectivamente todas....
chiqui3d
@artf Sí, tienes razón, no lo había pensado así, ahora entiendo el significado.