Extending preview command
Question
I am trying to extend the preview command. I expected the code below to run the normal preview command along with console output, but only console statement runs. How can I preserve the original preview code?
editor.Commands.extend('preview', {
run() {
console.log("foo");
}
});
The below works for me until someone can enlighten where my thought process went wrong.
editor.Commands.add('preview-ext', {
run(e) {
e.runCommand('preview');
console.log("foo");
}
});
Answers (3)
If you specify a new run() function the command will run only the new one, otherwise, it wouldn't be possible to fully change a command (here more about extending commands)
Hello Artf, oddly enough, i need the same thing he does.
So, the best way to do is doing the same way he does? Running the original preview command inside the extended preview?
Well...
Other thing i'm doing is extending the preview by running the command on event.:
editor.on("run:preview",()=>{console.log("run-preview")});
editor.on("stop:preview",()=>{console.log("stop-preview")});
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2350
[Question] How do I add elements/sectors to views container using a custom button in the Panel
I have added a custom button to the Panel as below: const pm = editor.Panels; pm.addButton('views', { id: 'customButton', className: '', co...
Issue #2055
[QUESTION]: How to remove the components correctly?
I want to remove the components programmatically, the following is my code snippet. After the components have been removed, then undo the d...
Issue #4191
BUG: We are trying to store the data from grapesJS editor in Angular 10 application, getting CORS error, image attached below
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.5 Reproducible demo link...
Issue #3192
How to make components not editable in preview mode?
I am trying to make components not editable in the preview mode. The following code isn't working. Please help me to fix it. editor; ngOnIn...
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.