From c0ff646e8ef690c2c08a97967f799208a50b481a Mon Sep 17 00:00:00 2001 From: Peter Savchenko Date: Wed, 17 Feb 2021 16:52:21 +0300 Subject: [PATCH] chore(example): the new example page for testing multiple instances --- example/assets/demo.css | 19 +++++++++++ example/example-multiple.html | 60 +++++++++++++++++++++++++++++++++++ example/example.html | 6 ++-- 3 files changed, 82 insertions(+), 3 deletions(-) create mode 100644 example/example-multiple.html 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 @@