No se puede eliminar el icono de la papelera del panel
@sakshigarg9 creo que encontré lo que buscabas, tuve el mismo problema... Algunos IDs de botones se almacenan en un archivo constante: Así que cuando mires este archivo, podrás encontrar los IDs correctos: Y así, para conseguir el botón de la papelera: 'editor. Panels.getButton('opciones', 'limpieza de lienzo')'
Lee la respuesta completa abajo ↓Pregunta
Este es mi código en index.html. Estoy usando la página web grapesjs-preset-web
const panelManager=editor. Paneles;
panelManager.removeButton('options','cmdImport');
Respuestas (3)
@sakshigarg9 creo que encontré lo que buscabas, tuve el mismo problema... Algunos IDs de botones se almacenan en un archivo constante:
import {
cmdImport,
cmdDeviceDesktop,
cmdDeviceTablet,
cmdDeviceMobile,
cmdClear
} de './.. /consts';
Así que cuando mires este archivo, podrás encontrar los IDs correctos:
Export const
cmdImport = 'gjs-open-import-webpage',
cmdDeviceDesktop = 'establecer-dispositivo-escritorio',
cmdDeviceTablet = 'establecer-dispositivo-tablet',
cmdDeviceMobile = 'set-device-mobile',
cmdClear = 'lienzo-limpio';
Y así, para conseguir el botón de la papelera: 'editor. Panels.getButton('opciones', 'limpieza de lienzo')'
Por supuesto que funcionó, pero no deberías hacerlo así. Estás perdiendo mantenimiento.
O tu panel no tiene el id opciones o tu botón no es el id cmdImport. Por cierto, el icono de la papelera no suena realmente a "importación". Quizá lo has confundido. Aparte de eso, por favor, proporciona más código.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3444
removeButton() causando error
Hola, Estoy intentando eliminar un botón del panel usando este editor de código. Panels.removeButton('opciones', 'pantalla completa')'. Eli...
Issue #542
Llamar a render() en PanelManager rompe el gestor de estilo
En lugar del #540, estoy intentando eliminar manualmente un botón del panel de opciones, con esto: Esto funciona bien, el botón desaparece,...
Issue #1616
grapesjs editor.gethtml() no funciona en Edge Explorer
En mi proyecto estoy usando este código para obtener el html del editor grapesjs: 'var html = window.frames[0].editor.getHtml();' Mi editor...
Issue #2819
[Pregunta] ¿Estoy actualizando un rasgo usando la función addTrait? ¿Se actualiza y añade el rasgo en el administrador de rasgos, pero no puede reflejarlo en la sección html del gestor de código?
He escrito el siguiente código: componente const = editor.getSelected(); component.addTrait({ nombre: 'traitName', tipo: 'texto', etiqueta:...
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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.