¿Cómo cambiar el orden de las categorías?
> pero solo pude añadirlo en nuevas categorías creadas.puedes hacer esto en todos los bloques aprovechando la función 'getAll'. Más sobre esto aquí:en tu caso podría ser algo así: salud! ¡Gracias! Lo probaré cuanto antes. Que tengas un buen día.
Lee la respuesta completa abajo ↓Pregunta
Vi los cambios realizados por @JuanTincho al añadir el attibute "Order", pero solo pude añadirlo en nuevas categorías creadas. Empecé desde la página web "GrapesJs-Preset". ¿Hay alguna forma de cambiar el orden después del renderizado inicial? Así es como añado una nueva categoría añadiendo un bloque nuevo.
<pre>editor. BlockManager.add('Cards', {
etiqueta: 'Cartas',
contenido: '<div class="ic-cards"><span>Pon tu contenido aquí</span></div>',
Categoría:{
etiqueta: 'MyCategory',
Orden: 1,
Abierto: Verdadero
},
atributos: {
título: 'Insertar cartas',
Clase: 'FA Fa-Cube'
}
});</pre>Respuestas (3)
pero solo pude añadirlo en nuevas categorías creadas.
puedes hacer esto en todos los bloques aprovechando la función 'getAll'. Más sobre esto aquí: en tu caso podría ser algo así:
bloques const = editor. BlockManager.getAll(); blocks.map(block => { if(block.attributes.id === 'bloque-1'){ block.attributes.category = { etiqueta: "cat 1", orden: 1 } } else if(block.attributes.id === 'block-2'){ block.attributes.category = { etiqueta: "cat 2", orden: 2 } } si (block.attributes.id === 'bloque-3'){ block.attributes.category = { etiqueta: "cat 3", orden: 3 } } })salud!
¡Gracias! Lo probaré cuanto antes. Que tengas un buen día.
pero solo pude añadirlo en nuevas categorías creadas.
puedes hacer esto en todos los bloques aprovechando la función 'getAll'. Más sobre esto aquí: En tu caso podría ser algo así:
bloques const = editor. BlockManager.getAll();
blocks.map(block => {
if(block.attributes.id === 'bloque-1'){
bloque.atributos.categoría = {
etiqueta: "cat 1",
Orden:1
}
}
else if(block.attributes.id === 'bloque-2'){
bloque.atributos.categoría = {
etiqueta: "cat 2",
Orden:2
}
}
si no, si (block.attributes.id === 'bloque-3'){
bloque.atributos.categoría = {
etiqueta: "cat 3",
Orden:3
}
}
})
¡Salud!
¿Por qué me aparece el error "Uncaught TypeError: n is undefined" aquí?
En la publicación #780 debería ser posible cambiar el orden de los bloques de la siguiente manera
const bm = editor. Jefe de bloque;
["enlace", "mapa", "h-navbar", "cuenta atrás", "forma", ...
].forEach(función (ítem) {
bm.remove( ítem );
});
const bl_text = bm.get('text').set({
etiqueta: 'Titel',
categoría: "Mi categoría",
});
const bl_textbasic = bm.get('text-basic').set({
etiqueta: 'Tekst',
categoría: "Mi categoría",
});
const bl_image = bm.get('image').set({
etiqueta: 'Afbeelding',
categoría: "Mi categoría",
});
const bl_video = bm.get('video').set({
etiqueta: 'Vídeo',
categoría: "Mi categoría",
Atributos: {clase:"Fab FA-YouTube"},
});
const bl_quote = bm.get('quote').set({
etiqueta: 'Cita',
categoría: "Mi categoría",
});
bm.render([
bl_text, bl_textbasic, bl_image, bl_video, bl_quote,
]);
Por favor, ayudadme, ¿qué estoy haciendo mal?Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2966
PREGUNTA: Categoría de bloques de plugins
Programé un plugin, funciona bien, leí la documentación, ¿pero hay alguna forma de que la Categoría se colapse por defecto? así que el usua...
Issue #2933
PREGUNTA: ¿Hay alguna forma de escuchar los cambios de nombre de las clases
He creado un componente añadido a la "vista". Quiero mostrar este componente solo en vista (y no añadir al modelo/html y así añadido a la v...
Issue #1902
[PREGUNTAS] Desactivar/cambiar el comportamiento de los componentes integrados
Hola, Intentando conseguir trabajo de GrapesJ para un proyecto en el que estoy trabajando actualmente. ¿Pero hay alguna forma de desactivar...
Issue #1841
Nombre de los componentes
Tengo dos preguntas.¿Hay alguna forma de cambiar el nombre del componente integrado? Quería cambiar el nombre "Box" por "Div". Así que el m...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.