diff --git a/templates/static-content/form.html.twig b/templates/static-content/form.html.twig
index dece1005..3f078773 100644
--- a/templates/static-content/form.html.twig
+++ b/templates/static-content/form.html.twig
@@ -48,7 +48,7 @@
                                     <label data-field="content">
                                         Content
                                     </label>
-                                    <textarea name="content" class="form-control m-input" data-name="content" rows="50">{{ obj.getContent() }}</textarea>
+                                    <textarea id="content" name="content" class="form-control m-input" data-name="content" rows="50">{{ obj.getContent() }}</textarea>
                                     <div class="form-control-feedback hide" data-field="content"></div>
                                 </div>
                             </div>
@@ -70,8 +70,19 @@
     </div> 
 {% endblock %}
 
+{% block stylesheets %}
+<link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
+{% endblock %}
+
 {% block scripts %}
+<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
 <script>
+    // load markdown editor
+    const mde = new EasyMDE({
+        element: document.getElementById('content'),
+        spellChecker: false,
+    });
+
     $(function() {
         $("#row-form").submit(function(e) {
             var form = $(this);