How to remove the eye-slash button in preview mode?
Question
Hi @artf ! I have created a web builder using GrapesJS. I want to remove the eye-slash button in preview mode and replace it with the back button. How to do it? Kindly please help me.
Answers (3)
Thank you for reply @artf . Is there any documentation or sample code about extending an existing command?
@niveth09 here is the code for extending the preview command without the eye button:
const cmdVis = 'sw-visibility';
commands.extend('preview', {
run(editor, sender): void {
this.sender = sender;
this.selected = [...editor.getSelectedAll()];
editor.select();
if (!this.shouldRunSwVisibility) {
this.shouldRunSwVisibility = editor.Commands.isActive(cmdVis);
}
this.shouldRunSwVisibility && editor.stopCommand(cmdVis);
editor.getModel().stopDefault();
const panels = this.getPanels(editor);
const canvas = editor.Canvas.getElement();
panels.forEach((panel) => panel.set('visible', false));
const canvasS = canvas.style;
canvasS.width = '100%';
canvasS.height = '100%';
canvasS.top = '0';
canvasS.left = '0';
canvasS.padding = '0';
canvasS.margin = '0';
editor.refresh();
this.tglEffects(1);
},
});
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1322
Disable editing in Preview Mode.
@artf How can we disable editing in the preview mode and re-enable it when preview mode off. I want to remove editor and hide toolbar in th...
Issue #1090
How to remove toolbar icons
Hi artf, Please let me know how we can remove the toolbar icons like when user click on image element then I don't want delete icon or othe...
Issue #2817
I want to just preview the page that is build/make by grapseJS
Hello Sir, We have used grapesJS for page builder. We have created a page by grapesJS & store on a remote server. Now we want to just show/...
Issue #1486
How to add/remove class undo manager
Hi @artf, Can you please provide the way to add/remove class in undo manager. Also,on live demo when we drag countdown and click on undo bu...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.