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