diff --git a/src/components/index.ts b/src/components/index.ts
index 8d3ae29..d076c4a 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -40,7 +40,7 @@ export default (editor: Editor, opt: RequiredPluginOptions) => {
   const { Components } = editor;
   // @ts-ignore
   const ComponentsView = Components.ComponentsView;
-  const sandboxEl = document.createElement('div');
+  const sandboxEl = editor.getConfig().headless ? undefined as unknown as HTMLDivElement : document.createElement('div');
 
   // MJML Core model
   let coreMjmlModel = {
diff --git a/src/index.ts b/src/index.ts
index 4667b95..bb4fcbd 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,7 +2,6 @@ import type { Plugin } from 'grapesjs';
 import loadBlocks from './blocks';
 import loadCommands from './commands';
 import loadComponents from './components';
-import mjml2html from './components/parser';
 import en from './locale/en';
 import loadPanels from './panels';
 import loadStyle from './style';