Pregunta: ¿cómo reemplazar el icono font-awesome del gestor de estilos por un SVG?
Sí, mete esos cambios dentro de tu plugin '''js grapesjs.init({ ... Plugins: [ Inicia tu plugin editor => { ... pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' }); } ] }) ```
Lee la respuesta completa abajo ↓Pregunta
Hola @artf quiero reemplazar un icono del gestor de estilos por un icono SVG. Como puedes ver, captura adjunta. Lo intenté así. ! captura de pantalla del 20-08-29 20-2018
Respuestas (3)
Sí, mete esos cambios dentro de tu plugin '''js grapesjs.init({ ... Plugins: [ Inicia tu plugin editor => { ... pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' }); } ] })
??? ... Tu código está todo roto (comprueba la sintaxis) Probablemente quieras algo así '''js pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' });
Por favor, reabre este número.
Hola @artf yo también probé esta forma
**pnm.getButton('views', 'open-sm').set({
Etiqueta: '<svg>
width="1024" height="1024" viewBox="0 0 1024 1024" style="margen-izquierda: calc(50% - 0.5em)"><g transform="scale(0.03125 0.03125)"><path d="M881.76 269.44c-43.36 52.704-162.24 198.24-256.672 313.92l-119.904-121.728c108.448-96.512 242.688-215.808 291.2-258.528 86.304-76.064 161.984-121.312 178.432-102.816 10.304 10.24-17.056 76.672-93.056 169.152zM604.128 608.96c-36.576 44.768-68.064 83.328-87.328 106.976L-141.952-138.336c23.008-20.48 61.312-54.56 105.728-94.048l123.552 125.408zM495.648 741.856v-0.384c-82.4 316.16-448.576 134.4-448.576 134.4S153.632 19.36 153.632-123.936c0-138.912 141.184-151.456 149.856-152.096l145.376 141.664c0 0.032-0.288 0.352-0.288 0.352z"></path></g>
**</svg>''**
id: "open-sm",
NombreClase: 'gjs-pn-btn',
comando: "open-sm",
activo: !0,
atributos: {
título: "Gestor de Estilo Abierto"
}
});**
! [captura de pantalla 2018-08-27 a las 11:01:59 AM](https://user-images.githubusercontent.com/20657737/44642168-ab861c80-a9e8-11e8-9c79-6fbbd81bafd2.png)
No reflejará ningún cambio. ¿Puedes decirme cómo puedo anular ese Style Manager? Gracias
¿Es necesario escribir un comando para este botón?Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1318
Pregunta: Cómo habilitar un evento del ratón para aumentar el valor de la entrada
Hola @artf quiero saber si hay alguna forma de activar el scroller de ratón de entrada en el administrador de estilos, como puedes ver con...
Issue #1780
Cómo cambiar el desplegable extra para el rasgo de cambio de enlace
Hola @artf, Quiero dar una funcionalidad más al usuario, como que el usuario pueda cambiar cualquier enlace con el desplegable de enlaces p...
Issue #1597
¿Podemos añadir una propiedad redimensionable en el marco gjs-layer-manager?
Hola @artf ¿Es posible añadir la propiedad de redimensionable en el fotograma del gestor de capas como captura de pantalla abajo? ! captura...
Issue #1128
Error al arrastrar texto seleccionado
Hola @artf como puedes ver mi captura de pantalla cuando arrastras el bloque de texto, luego seleccionas texto en ese elemento y arrástralo...
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.