Support for display math in parsons

Author: bnmnetp

runestone/parsons/js/parsons.js

@@ -323,6 +323,11 @@ export default class Parsons extends RunestoneBase {
                 depends =
                     dependsString.length > 0 ? dependsString.split(",") : [];
             }
+            if (textBlock.includes('class="displaymath')) {
+                options["displaymath"] = true;
+            } else {
+                options["displaymath"] = false;
+            }
             textBlock = textBlock.replace(
                 /#(paired|distractor|tag:.*;.*;)/,
                 function (mystring, arg1) {
@@ -332,12 +337,16 @@ export default class Parsons extends RunestoneBase {
             );
             // Create lines
             var lines = [];
-            var split = textBlock.split("\n");
+            if (! options["displaymath"]) {
+                var split = textBlock.split("\n");
+            } else {
+                var split = [textBlock];
+            }
             for (var j = 0; j < split.length; j++) {
                 var code = split[j];
                 // discard blank rows
                 if (!/^\s*$/.test(code)) {
-                    var line = new ParsonsLine(this, code);
+                    var line = new ParsonsLine(this, code, options["displaymath"]);
                     lines.push(line);
                     if (options["paired"]) {
                         line.distractor = true;

runestone/parsons/js/parsonsLine.js

@@ -18,16 +18,22 @@
 // Initialize from codestring
 
 export default class ParsonsLine {
-    constructor(problem, codestring) {
+    constructor(problem, codestring, displaymath) {
         this.problem = problem;
         this.index = problem.lines.length;
         var trimmed = codestring.replace(/\s*$/, "");
         this.text = trimmed.replace(/^\s*/, "");
         this.indent = trimmed.length - this.text.length;
         // Create the View
         var view;
+        // TODO: this does not work with display math... Perhaps with pretext we should have html as a language and do nothing?
+        
         if (problem.options.language == "natural" || problem.options.language == "math") {
-            view = document.createElement("p");
+            if (! displaymath) {
+                view = document.createElement("p");
+            } else {
+                view = document.createElement("div");
+            }
         } else {
             view = document.createElement("code");
             $(view).addClass(problem.options.prettifyLanguage);