Ordena cómo se muestran las categorías de bloques.
Como solución (no tan buena y espero que temporal), moví la categoría que quería mover usando jQuery después de que el editor estuviera completamente inicializado: '''javascript setTimeout(función(){ $(".gjs-bloque-categorías>div:last").prependTo(".gjs-bloque-categorías"); }, 1000) ```
Lee la respuesta completa abajo ↓Pregunta
¿Existe algún método para establecer cómo se muestran las categorías en la pestaña de Bloques?
Respuestas (3)
Como solución (no tan buena y espero que temporal), moví la categoría que quería mover usando jQuery después de que el editor estuviera completamente inicializado:
'''javascript setTimeout(función(){ $(".gjs-bloque-categorías>div:last").prependTo(".gjs-bloque-categorías"); }, 1000)
Podríamos considerar algo sencillo como añadir un parámetro de peso, como hacen los CMS y Drupal. Voy a mirar el código para ver lo difícil que sería crear una residencia permanente.
¿Debería el plugin añadir componentes que se ordenan?
var editor = grapesjs.init(grapesjsoptions);
Plugins: [ 'GJS-plugin-placeholder'],
pluginsOpts: {
'gjs-plugin-placeholder': {/* ... opciones */},
}
También he añadido algo manualmente
editor. BlockManager.add('elementos-cuadrícula', {
etiqueta: 'elementos de cuadrícula',
contenido: '<div>Código de cuadrícula</div>'}
});
Debería poder personalizarse después como
'editor. BlockManager.sort(filter) -- por filtro de etiqueta, por cualquier configuración de orden en BlockManager.add'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2211
[PREGUNTAS] Cómo establecer el estilo para pseudo elementos (:after y :before)
Hola, Añado STATE en el gestor de estilos :before y :after pero todos los estilos se aplican al componente.
Issue #1368
Redimensionar el lienzo
¿Hay alguna forma de que el lienzo redimensione de forma dinámica? es decir, no usar el Administrador de dispositivos, sino arrastrar y sol...
Issue #1909
SetComponents a veces es muy lento
Hola a todos, Estamos trabajando en una aplicación de boletín y usamos grapesjs como editor de correo con el preajuste del boletín PLGUIN y...
Issue #1516
CKEDITOR 5 [Mejora]
Hola @artf, Como se describe en la siguiente tarea, hice una compilación del ckeditor 5 que funciona con GrapesJS, aunque algunas funcional...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.