GrapesJS Multiple Editors

by artur_arseniev

HTML

<script src="https://unpkg.com/grapesjs"></script>
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
<script src="https://unpkg.com/grapesjs-blocks-basic"></script>
<div id="gjs">
  <div style="padding: 25px">First editor</div>
</div>
<div id="gjs2">
  <div style="padding: 25px">Second editor</div>
</div>

CSS

body, html {
  margin: 0;
  height: 100%;
}

Babel + JSX

grapesjs.init({
	container: '#gjs',
  height: '50%',
  fromElement: true,
  storageManager: false,
  plugins: ['gjs-blocks-basic']
});

grapesjs.init({
	container: '#gjs2',
  height: '50%',
  fromElement: true,
  storageManager: false,
  plugins: ['gjs-blocks-basic']
});