diff --git a/src/editor/deserialize.ts b/src/editor/deserialize.ts
index edaa330e50..e27eecd2db 100644
--- a/src/editor/deserialize.ts
+++ b/src/editor/deserialize.ts
@@ -21,6 +21,7 @@ import { walkDOMDepthFirst } from "./dom";
 import { checkBlockNode } from "../HtmlUtils";
 import { getPrimaryPermalinkEntity } from "../utils/permalinks/Permalinks";
 import { PartCreator } from "./parts";
+import SdkConfig from "../SdkConfig";
 
 function parseAtRoomMentions(text: string, partCreator: PartCreator) {
     const ATROOM = "@room";
@@ -134,9 +135,14 @@ function parseElement(n: HTMLElement, partCreator: PartCreator, lastNode: HTMLEl
         case "SPAN": {
             // math nodes are translated back into delimited latex strings
             if (n.hasAttribute("data-mx-maths")) {
-                const delim = (n.nodeName == "SPAN") ? "$$" : "$$$";
+                const delimLeft = (n.nodeName == "SPAN") ?
+                    (SdkConfig.get()['latex_maths_delims'] || {})['inline_left'] || "$$" :
+                    (SdkConfig.get()['latex_maths_delims'] || {})['display_left'] || "$$$";
+                const delimRight = (n.nodeName == "SPAN") ?
+                    (SdkConfig.get()['latex_maths_delims'] || {})['inline_right'] || "$$" :
+                    (SdkConfig.get()['latex_maths_delims'] || {})['display_right'] || "$$$";
                 const tex = n.getAttribute("data-mx-maths");
-                return partCreator.plain(delim + tex + delim);
+                return partCreator.plain(delimLeft + tex + delimRight);
             } else if (!checkDescendInto(n)) {
                 return partCreator.plain(n.textContent);
             }
diff --git a/src/editor/serialize.ts b/src/editor/serialize.ts
index d0a28266eb..da8ae4e820 100644
--- a/src/editor/serialize.ts
+++ b/src/editor/serialize.ts
@@ -43,21 +43,19 @@ export function htmlSerializeIfNeeded(model: EditorModel, {forceHTML = false} =
     var md = mdSerialize(model);
 
     if (SdkConfig.get()['latex_maths']) {
-        const mathDelimiters = [ // TODO: make customizable
-            { pattern: "\\$\\$\\$(([^$]|\\\\\\$)*)\\$\\$\\$", display: true },
-            { pattern: "\\$\\$(([^$]|\\\\\\$)*)\\$\\$", display: false }
-        ];
+        const displayPattern = (SdkConfig.get()['latex_maths_delims'] || {})['display_pattern'] ||
+            "\\$\\$\\$(([^$]|\\\\\\$)*)\\$\\$\\$";
+        const inlinePattern = (SdkConfig.get()['latex_maths_delims'] || {})['inline_pattern'] ||
+            "\\$\\$(([^$]|\\\\\\$)*)\\$\\$";
 
-        mathDelimiters.forEach(function (d) {
-            var reg = RegExp(d.pattern, "gm");
-            md = md.replace(reg, function(match, p1) {
-                const p1e = AllHtmlEntities.encode(p1);
-                if (d.display == true) {
-                    return `<div data-mx-maths="${p1e}"><code>${p1e}</code></div>`;
-                } else {
-                    return `<span data-mx-maths="${p1e}"><code>${p1e}</code></span>`;
-                }
-            });
+        md = md.replace(RegExp(displayPattern, "gm"), function(m,p1) {
+            const p1e = AllHtmlEntities.encode(p1);
+            return `<div data-mx-maths="${p1e}"><code>${p1e}</code></div>`;
+        });
+
+        md = md.replace(RegExp(inlinePattern, "gm"), function(m,p1) {
+            const p1e = AllHtmlEntities.encode(p1);
+            return `<span data-mx-maths="${p1e}"><code>${p1e}</code></span>`;
         });
     }