Añadir clases personalizadas a paneles y otros elementos del editor
Puedes establecer atributos de esta manera '''js editor. Panels.addPanel({ id: 'miNuevo Panel', ... atributos: {'data-stuff': 'val1', 'classe': 'val2'} }) ```
Lee la respuesta completa abajo ↓Pregunta
Cuando usas un framework de interfaz que proporciona clases personalizadas, sería bueno poder usar estas clases en cosas como paneles, para no tener que reescribir el CSS.
Una posible sintaxis podría ser:
'''js panelManager.addPanel({ id: 'miNuevo Panel', visible : cierto, botones : [...], clases: ['miClase Personalizada', 'so-personalizada'], });
También sería útil poder hacer esto después de los ajustes predefinidos, usando un colocador, por ejemplo.
'''js
panelManager.getPanel('panel').set('classes', ['addedClass']);
Todavía no he encontrado la forma de hacerlo, específicamente para paneles. Aunque consideraría esto útil para cualquier elemento de la interfaz del editor.
Respuestas (2)
Puedes establecer atributos de esta manera '''js editor. Panels.addPanel({ id: 'miNuevo Panel', ... atributos: {'data-stuff': 'val1', 'classe': 'val2'} })
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1877
[SOLICITUD DE FUNCIÓN] ¿Estilos personalizados que añaden o eliminan clases personalizadas?
Actualmente, todos los valores del gestor de estilo que cambias para un elemento simplemente actualizan una <style> etiqueta en línea en el...
Issue #1639
[Pregunta]: ¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #1504
[Pregunta] Altura dinámica
Hola: ¿Es posible tener una instancia de GrapesJS con altura dinámica, es decir, el editor ajusta al tamaño del contenido? Lo que intento h...
Issue #1033
[BUG]: Cuando se usan IDs, no es posible actualizar o eliminar un estilo
Pasos para reproducirsehttps://jsfiddle.net/1cjjr02p/Haz clic en el texto del editor, cambia el color de fondo.Exportar CSS. Verás que exis...
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.