diff --git a/app/routes/api/markdown.py b/app/routes/api/markdown.py
index 105111c..9ed98e8 100644
--- a/app/routes/api/markdown.py
+++ b/app/routes/api/markdown.py
@@ -2,9 +2,11 @@ from app import app
 from app.utils.filters.markdown import md
 from flask import request, abort
 from werkzeug.exceptions import BadRequestKeyError
+from app import csrf
 
 class API():
     @app.route("/api/markdown", methods=["POST"])
+    @csrf.exempt
     def api_markdown():
         try:
             markdown = request.get_json()['text']
diff --git a/app/static/scripts/editor.js b/app/static/scripts/editor.js
index 2cfc81b..1ce15f2 100644
--- a/app/static/scripts/editor.js
+++ b/app/static/scripts/editor.js
@@ -12,8 +12,9 @@ function editor_event_source(event)
        usually reports the SVG in the button as the source */
     let node = event.target || event.srcElement;
     while(node != document.body) {
-        if(node.tagName == "BUTTON" && !button)
+        if(node.tagName == "BUTTON" && !button) {
             button = node;
+        }
         if(node.classList.contains("editor") && !editor) {
             editor = node;
             break;
@@ -123,10 +124,11 @@ function editor_set_title(event, level, diff)
     });
 }
 
-// Tab insert some spaces
-// Ctrl+Enter send the form
+previewTimeout = null;
 ta = document.querySelector(".editor textarea");
 ta.addEventListener('keydown', function(e) {
+	// Tab insert some spaces
+	// Ctrl+Enter send the form
     let keyCode = e.keyCode || e.which;
     if (keyCode == 9) {
 		// TODO Add one tab to selected text without replacing it
@@ -149,4 +151,39 @@ ta.addEventListener('keydown', function(e) {
             t.submit.click();
         }
     }
+
+	// Set a timeout for refreshing the preview
+	if (previewTimeout != null) {
+		clearTimeout(previewTimeout);
+	}
+	previewTimeout = setTimeout(preview, 1000);
 });
+
+
+function preview() {
+	const previewArea = document.querySelector("#editor_content_preview");
+
+	const textarea = document.querySelector(".editor textarea");
+	const payload = {text: ta.value};
+
+	const headers = new Headers();
+	headers.append("Content-Type", "application/json");
+
+	const params = {
+		method: "POST",
+		body: JSON.stringify(payload),
+		headers
+	};
+
+	console.log(payload);
+
+	fetch("/api/markdown", params).then(
+		(response) => {
+			response.text().then(
+			(text) => {
+				previewArea.innerHTML = text;
+			}
+		);
+	});
+}
+
diff --git a/app/templates/widgets/editor.html b/app/templates/widgets/editor.html
index 80343d5..9942cf7 100644
--- a/app/templates/widgets/editor.html
+++ b/app/templates/widgets/editor.html
@@ -121,14 +121,17 @@
 		{{ field.label if label }}
 		{{ field() }}
 
-		<!-- Load the script -->
-		<script>
-		window.addEventListener("load", function(){});
-		</script>
+		<div id="editor_content_preview">
+		</div>
 
 		<!-- Display errors -->
 		{% for error in field.errors %}
 			<span class="msgerror">{{ error }}</span>
 		{% endfor %}
+
+		<!-- Load the script -->
+		<script>
+		window.addEventListener("load", function(){});
+		</script>
 	</div>
 {% endmacro %}