Tipo de contenido personalizado
Pregunta
@artf En lugar de usar plugins archivos js, ¿podemos crear nuestro propio contenido usando html como he hecho abajo? ¿Es la forma correcta de hacerlo? '''js blockManager: { appendTo: '#blocks', Bloqueos: [ { id: 'texto', etiqueta: 'Lista', Atributos: {Clase: 'FA FA-List-ALT'}, contenido: '<div data-gjs-type="text" data-highlightable="1"><ul><li>Lista 1</li><li>Lista 2</li><li>Lista 3</li></ul></div>', ACTIVAR: Cierto, categoría: 'Elementos estándar de la interfaz' },
Perdón por el formato, no se puede formatear...
Gracias de antemano.
Respuestas (3)
¿Es la forma correcta de hacerlo?
sí...
Gracias por tu respuesta @artf Solo tengo una duda más: quiero tener un carrusel vertical. Así que, a partir del fragmento de código anterior, ¿dónde añadir, por ejemplo, Jquery o script para el efecto de retardo o desplazamiento?
Crea un nuevo tipo de componente y sigue esta guía: https://grapesjs.com/docs/modules/Components-js.html
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1206
Problema: Añadir scripts dentro de contenido anidado que muestre un comportamiento diferente en comparación con un solo contenido
Hola, De hecho, estamos intentando añadir un script JS propio que pueda leer un archivo y previsualizarlo en el html. Pero al hacerlo, al a...
Issue #1296
El Editor de Texto Enriquecido Personalizado no funciona
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el...
Issue #1448
Componente hijo no seleccionable al usar vista personalizada
Estoy intentando crear un componente personalizado que genere su propia vista con HTML anidado. No quiero que este HTML se renderice como u...
Issue #958
No se puede crear una ventana emergente usando bootbox ni de ninguna otra forma.
No se puede crear una ventana emergente en el bootbox. A continuación está mi código:- var blockManager = editor. Jefe de bloque; blockMana...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.