diff --git a/browser/lib/markdown.js b/browser/lib/markdown.js
index fca0259d..0b38cd38 100644
--- a/browser/lib/markdown.js
+++ b/browser/lib/markdown.js
@@ -2,9 +2,11 @@ import markdownit from 'markdown-it'
import emoji from 'markdown-it-emoji'
import math from '@rokt33r/markdown-it-math'
import _ from 'lodash'
+import ConfigManager from 'browser/main/lib/ConfigManager'
// FIXME We should not depend on global variable.
const katex = window.katex
+var config = ConfigManager.get()
function createGutter (str) {
const lc = (str.match(/\n/g) || []).length
@@ -39,6 +41,10 @@ md.use(emoji, {
shortcuts: {}
})
md.use(math, {
+ inlineOpen: config.preview.latexInlineOpen,
+ inlineClose: config.preview.latexInlineClose,
+ blockOpen: config.preview.latexBlockOpen,
+ blockClose: config.preview.latexBlockClose,
inlineRenderer: function (str) {
let output = ''
try {
diff --git a/browser/main/lib/ConfigManager.js b/browser/main/lib/ConfigManager.js
index e200c855..e8f7253e 100644
--- a/browser/main/lib/ConfigManager.js
+++ b/browser/main/lib/ConfigManager.js
@@ -40,7 +40,11 @@ export const DEFAULT_CONFIG = {
fontSize: '14',
fontFamily: win ? 'Segoe UI' : 'Lato',
codeBlockTheme: 'dracula',
- lineNumber: true
+ lineNumber: true,
+ latexInlineOpen: '$',
+ latexInlineClose: '$',
+ latexBlockOpen: '$$',
+ latexBlockClose: '$$'
}
}
diff --git a/browser/main/modals/PreferencesModal/UiTab.js b/browser/main/modals/PreferencesModal/UiTab.js
index eebb2e0c..765599e1 100644
--- a/browser/main/modals/PreferencesModal/UiTab.js
+++ b/browser/main/modals/PreferencesModal/UiTab.js
@@ -82,7 +82,11 @@ class UiTab extends React.Component {
fontSize: this.refs.previewFontSize.value,
fontFamily: this.refs.previewFontFamily.value,
codeBlockTheme: this.refs.previewCodeBlockTheme.value,
- lineNumber: this.refs.previewLineNumber.checked
+ lineNumber: this.refs.previewLineNumber.checked,
+ LaTeXInlineOpen: this.refs.previewLatexInlineOpen.value,
+ LaTeXInlineClose: this.refs.previewLatexInlineClose.value,
+ LaTeXBlockOpen: this.refs.previewLatexBlockOpen.value,
+ LaTeXBlockClose: this.refs.previewLatexBlockClose.value
}
}
@@ -329,6 +333,58 @@ class UiTab extends React.Component {
Show line numbers for preview code blocks
+
+
+ LaTeX Inline Open Delimiter
+
+
+ this.handleUIChange(e)}
+ type='text'
+ />
+
+
+
+ LaTeX Inline Close Delimiter
+
+
+ this.handleUIChange(e)}
+ type='text'
+ />
+
+
+
+ LaTeX Block Open Delimiter
+
+
+ this.handleUIChange(e)}
+ type='text'
+ />
+
+
+
+ LaTeX Block Close Delimiter
+
+
+ this.handleUIChange(e)}
+ type='text'
+ />
+
+