Make use of Webpack ready JS MD lib

.gitmodules

@@ -13,9 +13,6 @@
 [submodule "web/assets/css/vendor/OnTheRocks"]
 	path = assets/css/vendor/OnTheRocks
 	url = https://github.com/allejo/OnTheRocks.git
-[submodule "web/includes/markdown-it"]
-	path = web/includes/markdown-it
-	url = https://github.com/markdown-it/markdown-it.git
 [submodule "web/assets/css/vendor/SassyCast"]
 	path = assets/css/vendor/SassyCast
 	url = https://github.com/HugoGiraudel/SassyCast.git

assets/js/src/md-editor.js

@@ -1,11 +1,10 @@
-module.exports = function() {
-    if (window.markdownit === undefined) {
-        return;
-    }
+var md = require('markdown').markdown;
 
+module.exports = function() {
     $('#mde__toolbar__preview').click(function() {
-        var markdown = $('#form_content').val();
-        var result = md.render(markdown);
+        var formID = $(this).data('textarea');
+        var markdown = $('#' + formID).val();
+        var result = md.toHTML(markdown);
 
         $('#mde__preview').html(result);
     });

package.json

@@ -20,6 +20,7 @@
     "gulp-util": "^3.0.7",
     "gulp.spritesmith": "^6.2.1",
     "jquery": "^3.2.1",
+    "markdown": "^0.5.0",
     "modernizr": "^3.5.0",
     "modernizr-webpack-plugin": "^1.0.6",
     "node-sass": "^4.5.3",

views/md-editor.html.twig

@@ -15,6 +15,7 @@
                 aria-controls="mde__panel__preview"
                 aria-selected="false"
                 tabindex="0"
+                data-textarea="{{ form_textarea.vars.id }}"
             >
                 <i class="fa fa-eye" aria-hidden="true"></i> Preview
             </li>