Issue #2966✓ ResueltoAbierto el 23 de agosto de 2020por juancarlospacoReacciones 3

PREGUNTA: Categoría de bloques de plugins

Respuesta rápidapor Ju99ernaut2

¿Hay alguna forma de estilizar el botón "Ver código" como el que tiene el icono de </>?? Apunta al botón con un selector css como '.gjs-pn-btn.fa.fa-code'en la ventana emergente "Ver código", ¿hay alguna forma de ocultar el editor de texto CSS que solo deje el editor HTML? '''css .gjs-cm-editor-c { ancho: 100%; } .gjs...

Lee la respuesta completa abajo ↓

Pregunta

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 usuario hace clic en el Plugin para mostrar los Bloques del plugin.

Respuestas (3)

👍 Muy útilJu99ernaut24 de agosto de 2020

¿Hay alguna forma de estilizar el botón "Ver código" como el que tiene el icono de </>??

Apunta al botón con un selector css como '.gjs-pn-btn.fa.fa-code'

en la ventana emergente "Ver código", ¿hay alguna forma de ocultar el editor de texto CSS que solo deje el editor HTML?

'''css .gjs-cm-editor-c { ancho: 100%; }

.gjs-cm-editor#gjs-cm-htmlmixed { relleno-derecha: 0; frontera-derecha: ninguno; }

.gjs-cm-editor#gjs-cm-css { pantalla: ninguna; }


>¿Por qué la interfaz/estilo es diferente en mis uvas frente a la demo oficial?

La tematización se explica [aquí](https://grapesjs.com/docs/getting-started.html#theming)
Ju99ernaut24 de agosto de 2020

Puedes cerrar todas las categorías con '''js const pn = editor. Paneles; const bm = editor. Bloques

const openBl = pn.getButton('vistas', 'bloques abiertos'); editor.on('load', () => { openBl & & openBl.set('active', 1); bm.getCategories().forEach(c => c.set('open', 0)); });


O puedes usar un filtro
'''js
editor.on('load', () => { 
    openBl & & openBl.set('active', 1);
    bm.getCategories().filter(c => ['Cat1', 'Cat2',...]. incluye(c.get('id'))).forEach(c => c.set('open', 0));
});
juancarlospaco24 de agosto de 2020

Gracias, puedes ver los resultados aquí.

Pido aquí que no abran más bugs:

  • ¿Hay alguna forma de estilizar el botón "Ver código" como el que tiene el icono de '</>'?
  • en la ventana emergente "Ver código", ¿hay alguna forma de ocultar el editor de texto CSS dejando solo el editor HTML?
  • ¿Por qué la interfaz/estilo es diferente en my grapes frente a la demo oficial ?.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.