Hola @artf, Espero que estés bien. Intentaba mostrar todos los bloques bajo diferentes pestañas. Por ejemplo: mostrar secciones, columnas bajo la pestaña Basic y otros elementos bajo otra pestaña llamada Elements. He pasado por el problema: https://github.com/artf/grapesjs/issues/499 pero no encontré ninguna solución...
artf
Hola @sunhillbd no sé exactamente qué no está claro en ese tema, pero creo que lo único que tienes que saber es aquí. Con el método 'BlockManager.render' puedes controlar la lista de bloques, qué lógica/interfaz usarás (seleccionar entrada...
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.
¿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.
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...
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". :)
¡Hola, gran trabajo con uvapesjs! Ya he leído la documentación (especialmente CssComposer) y también los temas relevantes, pero aun así, estoy atascado. Un plugin personalizado me permite añadir css a un componente usando component.setStyle(). Al recargar, necesito que mi plugin se inicialice con estos valores. Por ej...
artf
observé que el css se añade en línea cuando se usa setStyle() y una vez que los datos se almacenan y cargan, el css se define en clases. En primer lugar, asegúrate de almacenar correctamente tus plantillas: Almacenar y cargar plantillas en...
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.
Me gustaría cambiar las etiquetas de los triados, que van a ser franceses. ! captura ¿Podrías dar un ejemplo de código? Gracias, Artur
NicoEngler
¡Solo tienes que definir la etiqueta! :)
SeongwoonHong
@NicoEngler Hola, ¡gracias por responder! pero estoy intentando modificar los rasgos incorporados existentes. No intento crear rasgos personalizados...
NicoEngler
Por lo que he observado, no se puede definir una etiqueta para los rasgos incorporados. También se usa el nombre (con mayúsculas(0)) si una etiqueta no está definida. Por eso supongo que lo mejor es definir tus rasgos junto con la etiqueta...