Added markdown examples in index.html and wysiwyg.html

examples/index.html

@@ -33,15 +33,57 @@ <h3>
 
  <div class="markdown">
 
-### Hello, World
+# Hello. This is heading level 1.
+
+## Hello. This is heading level 2.
+
+### Hello. This is heading level 3.
+
+#### Hello. This is heading level 4.
+
+##### Hello. This is heading level 5.
+
+###### Hello. This is heading level 6.
 
 This is a paragraph.
 
-* this
+This is used to show a line break, 
+just break your text into multiple lines and include 2 or more spaces after each line,
+
+This is **bold text**
+
+This is *italic text*
+
+This is both ***bold and italic***
+
+> This is a blockquote
+
+* This
 * is
-* a
+* an
+* unordered
 * list
 
+1. This 
+2. is
+3. an
+4. ordered
+5. list
+
+This is an image
+![Tux, the Linux mascot](tux.png)
+
+This is a [link](https://google.com).
+
+This is a table
+
+Food | Category
+---- | ----
+Carrot | Veg
+Chicken | Non-Veg
+
+
+
 <p>
  <input type="text" />
 </p>

examples/wysiwyg.html

@@ -36,15 +36,55 @@ <h3>
 
  <div class="markdown">
 
-### Hello, World
-
-This is a paragraph.
-
-* this
-* is
-* a
-* list
-
+ # Hello. This is heading level 1.
+
+ ## Hello. This is heading level 2.
+
+ ### Hello. This is heading level 3.
+
+ #### Hello. This is heading level 4.
+
+ ##### Hello. This is heading level 5.
+
+ ###### Hello. This is heading level 6.
+
+ This is a paragraph.
+
+ This is used to show a line break, 
+ just break your text into multiple lines and include 2 or more spaces after each line,
+
+ This is **bold text**
+
+ This is *italic text*
+
+ This is both ***bold and italic***
+
+ > This is a blockquote
+
+ * This
+ * is
+ * an
+ * unordered
+ * list
+
+ 1. This 
+ 2. is
+ 3. an
+ 4. ordered
+ 5. list
+
+ This is an image
+ ![Tux, the Linux mascot](tux.png)
+
+ This is a [link](https://google.com).
+
+ This is a table
+
+ Food | Category
+ ---- | ----
+ Carrot | Veg
+ Chicken | Non-Veg
+
  </div>
 
  <script>