From 6f17e26f51885540f5f58dd20d208f2534f9cdae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20K=C3=BChn?= <kontakt@philipp-kuehn.com>
Date: Thu, 23 Aug 2018 23:02:28 +0200
Subject: [PATCH] add some information about extensions to readme

---
 README.md | 66 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 64 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 558bc979..ecb2718a 100644
--- a/README.md
+++ b/README.md
@@ -12,13 +12,13 @@ A rich-text editor for Vue.js
 npm install tiptap
 ```
 
-## Setup
+## Basic Setup
 ```vue
 <template>
   <editor>
     <!-- Add HTML to the scoped slot called "content" -->
     <div slot="content" slot-scope="props">
-      <p>Hello world</p>
+      <p>Hi, I'm just a boring paragraph</p>
     </div>
   </editor>
 </template>
@@ -46,6 +46,68 @@ export default {
 
 ## Extensions
 
+By default the editor will only support some boring paragraphs. Other nodes and marks are available as **extensions**. There is a package called `tiptap-extensions` with the most basic nodes, marks and plugins.
+
+#### Available Extensions 
+
+```vue
+<template>
+  <editor :extensions="extensions">
+    <div slot="content" slot-scope="props">
+      <h1>Yay Headlines!</h1>
+      <p>All these <strong>cool tags</strong> are working now.</p>
+    </div>
+  </editor>
+</template>
+
+<script>
+// Import the editor
+import { Editor } from 'tiptap'
+import {
+  Blockquote,
+  BulletList,
+  CodeBlock,
+  HardBreak,
+  Heading,
+  ListItem,
+  OrderedList,
+  TodoItem,
+  TodoList,
+  Bold,
+  Code,
+  Italic,
+  Link,
+} from 'tiptap-extensions'
+
+export default {
+  components: {
+    Editor,
+  },
+  data() {
+    return {
+      extensions: [
+        new Blockquote(),
+        new BulletList(),
+        new CodeBlock(),
+        new HardBreak(),
+        new Heading(),
+        new ListItem(),
+        new OrderedList(),
+        new TodoItem(),
+        new TodoList(),
+        new Bold(),
+        new Code(),
+        new Italic(),
+        new Link(),
+      ],
+    }
+  },
+}
+</script>
+```
+
+#### Create Custom Extensions 
+
 Soon …
 Until then you can take a look at the [embed example](https://github.com/heyscrumpy/tiptap/tree/master/examples/Components/Routes/Embeds).