Problemas analizados por 3,464 en GitHub — 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.
Se han detectado problemas con 3,464
¿Qué me estoy perdiendo para que la etiqueta "div" se llame "Div" por defecto? (Anular el valor predeterminado)
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, Cuando arrastro el bloque de sección, aparece un botón más. Después de guardar y recargar la página, el botón "+" no aparece. También necesito mostrar el botón después de recargar la página. ¿Por favor, sugiéndeme, cómo puedo solucionar este problema? Por favor, revisa el jsfiddle, escenario similar creado...
noogen
@sanjib00 cuando renderizas desde Element, es un contenido, no un componente. Por ejemplo, la etiqueta HTML "\<section\>" no se reconocería automáticamente como componente porque no tienes código para reconocerla así. (pista: función isCom...
artf
@sanjib00 probablemente estés cargando mal los datos de tu plantilla https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
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.
¿Hay alguna forma de personalizar la vista del navegador o del panel de capas? Necesito mostrar un icono delante de cada elemento en el navegador.
artf
@minuwan bueno, en realidad la vista ya renderiza el icono https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 pero la idea de personalizar el renderizado de las capas no está m...
NicoEngler
No estoy seguro de qué es "el navegador", pero como puedes crear tus propios paneles y demás, puedes personalizar cada detalle visual. ¿Puedes ser más preciso con dónde intentas añadir tus iconos?
minuwan
@NicoEngler Navigator es el panel de capas, GrapesJS lo llamaba "El Navegante". Actualmente, solo contiene unas pocas configuraciones, pero parece que no es posible renderizarlo en un diseño diferente o añadir un icono a un elemento de cap...
He probado esta solución https://github.com/artf/grapesjs/issues/1819#event-2158016066 Pero sobre componentes personalizados, digamos, Tengo una mezcla de dos mensajes de texto y un botón, ¿Cómo especifica los atributos ngModel para ambos dos textos de entrada?
artf
Crea un componente abstracto personalizado con ngModel y luego úsalo cuando lo necesites
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.
Creo que hay algunos errores con las entradas de formulario No es posible eliminar una entrada de formulario. Cuando desactivas "Mostrar bordes", puedes seleccionar la entrada y eliminar, pero intentarlo de nuevo justo después, otra vez no te deja borrar. También hace que las entradas no sean seleccionables. Ver más a...
artf
Gracias por el informe, @kickbk esto ya está solucionado por https://github.com/artf/grapesjs/pull/1800 y estará disponible 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.
Quiero eliminar la sección "Dejar archivos aquí o hacer clic para subir" y también desactivar el icono de cruz (x) junto a las imágenes predeterminadas, sin permitir que el usuario borre las imágenes predeterminadas. @artf ¿dónde cambio el CSS? Estoy usando la página web grapesjs-preset-web Originally publicado por @s...
NicoEngler
Una forma sencilla de lograrlo sería añadir algunas reglas CSS: '.gjs-am-file-uploader { display: none; } '.gjs-am-assets-cont { width: 100%; } Y así sucesivamente... :)
sakshigarg9
¡Gracias, ha funcionado! Pero no consigo eliminar el icono (x) junto a las imágenes por defecto a pesar de usarlo '.gjs-am-close{ display: none; }`
NicoEngler
Genial, solo usa esa regla de CSS para ocultarlo... :)
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica con el estado normal. ! imagen Por favor, decidme si estoy buscando la función correcta o si la he entendido mal. PLNKR: https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p=preview No veo...
NicoEngler
Acabo de comprobarlo y puedo confirmar que también funciona en tu ejemplo. Primero añadir una clase a tu componente, por ejemplo, .text-blue-on-hoverA continuación, selecciona el estado que quieres modificar, por ejemplo, pasar el cursorAh...
coder-strange
Ahora lo entiendo, funciona perfectamente, solo que no sabía cómo funcionaba. Gracias @NicoEngler por esta rápida respuesta y por despejarme :)
NicoEngler
La clase se aplica independientemente del estado de los componentes. En base a eso, puedes seleccionar un estado, por ejemplo, pasar el cursor y adaptar tu clase a ese estado en particular. Efectivamente, se creará el siguiente CSS si sele...
Hola, @artf @NicoEngler, Tengo un problema extraño. Estoy usando grapes.js y grapes.min.css con la versión 0.14.50. Mientras selecciono cualquier componente, puedo cambiar sus propiedades CSS a través del panel lateral del editor. Pero puedo ver dos menús desplegables como 'Tipografía' y 'Decoraciones'. Veo la demo de...
NicoEngler
Por favor, muestra cómo inicializas grapesjs. Lo más probable es que el problema se encuentre ahí.
scottreag
Yo también me enfrento al mismo problema. Han pasado dos años, ¿alguien ha encontrado una solución?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
Tengo dos preguntas.¿Hay alguna forma de cambiar el nombre del componente integrado? Quería cambiar el nombre "Box" por "Div". Así que el mismo nombre aparece en Select y en el panel de capas/navegador. En términos sencillos, si arrastro y suelto un div, necesito que se llame Div.¿Hay alguna forma de añadir un icono d...
NicoEngler
Puedes usar data-gjs-custom-name en el html de tus componentes. '<h1 data-gjs-custom-name="Tu Nombre" ...>'Puedes usar data-gjs-icon en el html de tus componentes. '<h1 data-gjs-icon='<i class="fa fa-arrows"></i>' ...>' Por favor, cambia t...
artf
Añadiría que si dependes del arrastrar y soltar HTML5, puedes usar el evento 'canvas:dragdata' https://grapesjs.com/docs/api/editor.html#available-events Esto te permite que el editor entienda "caídas externas", por ejemplo. por defecto Gr...
minuwan
@NicoEngler ¿Hay alguna otra forma de establecer nombres personalizados por defecto para cada tipo? Si alguien arrastra y suelta contenido desde fuera, quiero mostrar los nombres de esos divs también como "Divs". :)
Este es mi código en index.html. Estoy usando la página web grapesjs-preset-web
hpruvot
@sakshigarg9 creo que encontré lo que buscabas, tuve el mismo problema... Algunos IDs de botones se almacenan en un archivo constante: Así que cuando mires este archivo, podrás encontrar los IDs correctos: Y así, para conseguir el botón de...
NicoEngler
Por supuesto que funcionó, pero no deberías hacerlo así. Estás perdiendo mantenimiento.
NicoEngler
O tu panel no tiene el id opciones o tu botón no es el id cmdImport. Por cierto, el icono de la papelera no suena realmente a "importación". Quizá lo has confundido. Aparte de eso, por favor, proporciona más código.