He creado un bloque personalizado: y un DomComponent Personalizado: Y un comando personalizado (he encontrado donde ocurre el error): Cuando establezco el nuevo enlace para la imagen hija, cualquier bloque que añado al editor se suma dos veces, y cuando selecciono este bloque duplicado, ambos se seleccionan y cambian:...
artf
@JulyanoF nunca deberías hacer esto, 'editor. DomComponents.render()' si sientes que necesitas esa función, probablemente estés haciendo algo mal... luego, en tu componente personalizado, no configuras el método 'isComponent', así que revi...
artf
estoy intentando obtener el html del elemento seleccionado (editor.getSelected().toHTML()), manipularlo y cambiar el contenido original Esto está mal... Deberías usar API de Component, no toques la vista o, peor aún, es HTML. Si no entiend...
JulyanoF
@artf tienes razón. El problema es usar la función 'render()', es decir, duplicar los elementos... pero, si elimino esta función, el HTML del editor no cambia... Sigue mostrando contenido antiguo y no el nuevo. ¿Cómo puedo evitarlo? Propor...
Alojé mi contenido html en la nube. Luego, intentando cargar el contenido html en el editor, encontré el error: "La respuesta a la solicitud de prevuelo no pasa la comprobación de control de acceso: No hay cabecera 'Access-Control-Allow-Origin' en el recurso solicitado. Por lo tanto, el 'http://localhost:3000' de orig...
cjpollard
Estás señalando tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
JulyanoF
> Estás señalando tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storageque probé con los endpoints inferiores también mue...
mrajeshkrossark
Estás dirigiendo tu gestor de almacenamiento a una página web. Necesitas endpoints que puedan gestionar las solicitudes. https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage Probé con los endpoints de abajo que también muest...
Tengo problemas para cargar contenido remoto almacenado en el editor cuando el 'JSON' contiene 'gjs-components' no vacíos Mis datos JSON se ven así, que es una cita muy básica con una frase de texto ! imagen Ejemplo de respuesta al llamar a mi endpoint remoto ! imagen Puedo cargar el contenido si pongo 'gjs-components...
artf
De hecho, puede que haya un error, ¿puedes intentar devolver 'gjs-components' como cadena (así que intenta codificar tu array en json)?
artf
Gracias @iainheng, por ahora, mantenlo así hasta la próxima edición (espero poder lanzarlo la próxima semana)
iainheng
@artf Gracias por tu ayuda. 😊 Es, sin duda, un error. Guardo los 'componentes gjs' como una cuerda y ahora funciona. 🎉 Este es el mismo almacén de datos que la cadena ! imagen
Hola, Me pregunto si existe la posibilidad de definir propiedades para componentes específicos. Quiero decir, cuando selecciono el componente 'Imagen' me gustaría que en el panel del gestor de estilos la sección relativa a 'Tipografía' no se muestre; de la misma manera, cuando selecciono un componente 'Table' me gusta...
juanj
No estoy seguro de si esta es la forma óptima de hacerlo, pero puedes escuchar el evento 'component:selected' y si el componente seleccionado es el que quieres, puedes añadir un sector nuevo. Luego tienes que escuchar el evento 'component:...
artf
De hecho, también puedes confiar en algunas propiedades de Component hechas exactamente para este propósito:'estilizable' - Cierto si es posible estilizar el componente. También puedes indicar un array de propiedades CSS que sea posible es...
artf
@peakrams la advertencia está ahí, pero el Markdown de Github no te permite aplicar estilos personalizados para hacerlo más visible ̄\\\(ツ)\_/ ̄ ! schermata 2018-09-16 alle 18 41 39
Estoy probando el editor en una plantilla concreta con Boostrap 4 usando flex, pero me he dado cuenta de que algunos párrafos no muestran correctamente la insignia, voy a poner aquí la demo https://jsfiddle.net/kf5n9sdq/31/, me he dado cuenta de que si borro la imagen principal puedes seleccionar, pero realmente no en...
juanj
Parece que tiene algo que ver con el pergamino. Si haces scroll, la caja azul de selección muestra dónde estaba el párrafo al principio. No creo que tenga nada que ver con la imagen. Aunque borres la imagen y desplaces el scroll, obtienes...
chiqui3d
Gran observación, amigo, el problema venía del cuerpo que tenía el desbordamiento: oculto; ¡Muchas gracias@juanj
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.
@artf cómo podemos configurar alguna configuración para que, al importar HTML en el editor, no considere algún elemento como componente de texto y debería considerarlo como texto interno del padre. por ejemplo'. <p> Aquí tienes un ejemplo de texto. <span> No lo conviertas en un componente de texto </span> Ejemplo de t...
artf
Extender el tipo de componente 'text' e implementa tu lógica en 'isComponent'. Si el elemento cumple tus condiciones (probablemente revisarías si hay elementos internos), simplemente devuelves el objeto de esta manera '''js isComponent(el)...
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.
@Arif ¿Cómo podemos validar las propiedades del elemento grapejs como el color de fondo? Hemos dado una opción para la entrada manual de fondos y un selector de color. Si usuario No añadí CSS válido, luego el salto de estilo y la página de vista previa no funciona correctamente. Cualquier ayuda sería bienvenida. ! err...
artf
No hay ninguna funcionalidad incorporada para esto, pero ten en cuenta que una vez que renderizas el gestor de estilos, todos los elementos, incluso cuando no son visibles, siguen siendo accesibles vía DOM, así que puedes añadir tu lógica...
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.
Tengo un componente personalizado con un rasgo de casilla de verificación 'mostrar-nombre'. Cuando el valor del rasgo es 'true', el componente se muestra en la vista al atributo showname="true", mientras que el modelo solo tiene "show-name" y se renderiza a "show-name" mediante getHtml(). ¿Cómo puedo hacer que un rasg...
artf
@mararn1618 ¿puedes crear una demo en directo reproducible de este número, por favor?
mararn1618
Hola @artf, por supuesto. He extraído las partes relevantes de mi proyecto y creado una demo junto con los pasos de reproducción:Demo: https://www.secretbakery.io/grapesjs/issue1424.htmlLista de archivos demo: https://www.secretbakery.io/g...
mararn1618
Ahora mismo estoy usando una solución alternativa para esto, de modo que mi directiva AngularJS —donde se debe usar este atributo— recalcule 'mostrar-nombre' como si tuviéramos 'mostrar-nombre="true"' en la etapa de enlace.Solución alterna...
Hola @artf, Ahora estoy trabajando en crear una miga de pan similar al LayerManager, pero me gustaría saber si ya existe algún método que me permita indicar el elemento dominante que debe pasar el cursor cuando estoy sobre el elemento de miga de pan, similar a como haces tú en el LayerManager. Gracias
artf
Cada componente tiene una propiedad de 'estado', así que en tu vista de crumbles puedes escuchar 'change:status' en cada modelo de componente. Mira cómo está implementado en ComponentView y simplemente reutilizado en Capas aquí ItemView. A...
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 @artf, como ya se mencionó en este ticket = > creo que esta mejora específica rompió el comportamiento de propiedades sin unidades, como Opacidad. El control deslizante se comporta de forma extraña en este caso, incluso en la demo GrapesJS. Gracias de antemano.
artf
Tienes razón, creo que debería usar 'parseFloat' aquí, se corregirá en la próxima versió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.