From 1c43bc89f9610f338478a7fed9c816d25ee053e4 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Fri, 27 Nov 2020 17:25:01 +0100
Subject: [PATCH] add node view examples (wip)

---
 .../src/docPages/guide/advanced-node-views.md | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/docs/src/docPages/guide/advanced-node-views.md b/docs/src/docPages/guide/advanced-node-views.md
index 89dbc7a4..7ece8cbf 100644
--- a/docs/src/docPages/guide/advanced-node-views.md
+++ b/docs/src/docPages/guide/advanced-node-views.md
@@ -6,10 +6,41 @@
 
 ## Simple
 
+```html
+<div class="Prosemirror" contenteditable="true">
+  <p>text</p>
+  <node-view>text</node-view>
+  <p>text</p>
+</div>
+```
+
 ## Without content
 
+```html
+<div class="Prosemirror" contenteditable="true">
+  <p>text</p>
+  <node-view contenteditable="false">text</node-view>
+  <p>text</p>
+</div>
+```
+
 ## Advanced node views with content
 
+```html
+<div class="Prosemirror" contenteditable="true">
+  <p>text</p>
+  <node-view>
+    <div>
+      non-editable text
+    </div>
+    <div>
+      editable text
+    </div>
+  </node-view>
+  <p>text</p>
+</div>
+```
+
 <!--
 ## Node views with plain JavaScript