diff --git a/example/assets/demo.css b/example/assets/demo.css
index 474c6799..60ed8b7f 100644
--- a/example/assets/demo.css
+++ b/example/assets/demo.css
@@ -69,6 +69,12 @@ body {
padding: 0 15px;
}
+.ce-example__content--with-bg {
+ background: #f4f4f4;
+ max-width: none;
+ margin-top: -30px;
+}
+
.ce-example__output {
background: #1B202B;
overflow-x: auto;
@@ -187,3 +193,16 @@ body {
.ce-example h4.ce-header {
font-size: 18px;
}
+
+.ce-example-multiple {
+ display: grid;
+ grid-template-columns: calc(50% - 15px) calc(50% - 15px);
+ gap: 30px;
+ padding: 30px;
+}
+
+.ce-example-multiple > div {
+ background: #fff;
+ border-radius: 7px;
+ padding: 30px;
+}
diff --git a/example/example-multiple.html b/example/example-multiple.html
new file mode 100644
index 00000000..bf50a7ba
--- /dev/null
+++ b/example/example-multiple.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ Editor.js 🤩🧦🤨 example: Multiple instances
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/example/example.html b/example/example.html
index 196cc7b9..2ed09935 100644
--- a/example/example.html
+++ b/example/example.html
@@ -48,12 +48,12 @@