make mathjax working with the editor
This commit is contained in:
Rocky Duan
@@ -1,21 +1,179 @@
|
||||
# Mostly adapted from math.stackexchange.com: http://cdn.sstatic.net/js/mathjax-editing-new.js
|
||||
|
||||
$ ->
|
||||
|
||||
HUB = MathJax.Hub
|
||||
|
||||
class MathJaxProcessor
|
||||
|
||||
inlineMark = "$"
|
||||
math = null
|
||||
blocks = null
|
||||
|
||||
MATHSPLIT = /// (
|
||||
\$\$? # normal inline or display delimiter
|
||||
| \\(?:begin|end)\{[a-z]*\*?\} # \begin{} \end{} style
|
||||
| \\[\\{}$]
|
||||
| [{}]
|
||||
| (?:\n\s*)+ # only treat as math when there's single new line
|
||||
| @@\d+@@ # delimiter similar to the one used internally
|
||||
) ///i
|
||||
|
||||
CODESPAN = ///
|
||||
(^|[^\\]) # match beginning or any previous character other than escape delimiter ('/')
|
||||
(`+) # code span starts
|
||||
([^\n]*?[^`\n]) # code content
|
||||
\2 # code span ends
|
||||
(?!`)
|
||||
///gm
|
||||
|
||||
###HUB.Queue ->
|
||||
console.log "initializing"
|
||||
renderReady = true
|
||||
HUB.processUpdateTime = 50
|
||||
HUB.Config
|
||||
"HTML-CSS":
|
||||
EqnChunk: 10
|
||||
EqnChunkFactor: 1
|
||||
SVG:
|
||||
EqnChunk: 10
|
||||
EqnChunkFactor: 1
|
||||
###
|
||||
|
||||
@processMath: (start, last, preProcess) =>
|
||||
block = blocks.slice(start, last + 1).join("").replace(/&/g, "&")
|
||||
.replace(/</g, "<")
|
||||
.replace(/>/g, ">")
|
||||
if HUB.Browser.isMSIE
|
||||
block = block.replace /(%[^\n]*)\n/g, "$1<br/>\n"
|
||||
blocks[i] = "" for i in [start+1..last]
|
||||
blocks[start] = "@@#{math.length}@@"
|
||||
block = preProcess(block) if preProcess
|
||||
math.push block
|
||||
|
||||
@removeMath: (text) =>
|
||||
|
||||
math = []
|
||||
start = end = last = null
|
||||
braces = 0
|
||||
|
||||
hasCodeSpans = /`/.test text
|
||||
if hasCodeSpans
|
||||
text = text.replace(/~/g, "~T").replace CODESPAN, ($0) -> # replace dollar sign in code span temporarily
|
||||
$0.replace /\$/g, "~D"
|
||||
deTilde = (text) ->
|
||||
text.replace /~([TD])/g, ($0, $1) ->
|
||||
{T: "~", D: "$"}[$1]
|
||||
else
|
||||
deTilde = (text) -> text
|
||||
|
||||
blocks = _split(text.replace(/\r\n?/g, "\n"), MATHSPLIT)
|
||||
|
||||
for current in [1...blocks.length] by 2
|
||||
block = blocks[current]
|
||||
if block.charAt(0) == "@"
|
||||
blocks[current] = "@@#{math.length}@@"
|
||||
math.push block
|
||||
else if start
|
||||
if block == end
|
||||
if braces
|
||||
last = current
|
||||
else
|
||||
@processMath(start, current, deTilde)
|
||||
start = end = last = null
|
||||
else if block.match /\n.*\n/
|
||||
if last
|
||||
current = last
|
||||
@processMath(start, current, deTilde)
|
||||
start = end = last = null
|
||||
braces = 0
|
||||
else if block == "{"
|
||||
++braces
|
||||
else if block == "}" and braces
|
||||
--braces
|
||||
else
|
||||
if block == inlineMark or block == "$$"
|
||||
start = current
|
||||
end = block
|
||||
braces = 0
|
||||
else if block.substr(1, 5) == "begin"
|
||||
start = current
|
||||
end = "\\end" + block.substr(6)
|
||||
braces = 0
|
||||
|
||||
if last
|
||||
@processMath(start, last, deTilde)
|
||||
start = end = last = null
|
||||
|
||||
deTilde(blocks.join(""))
|
||||
|
||||
@replaceMath: (text) =>
|
||||
text = text.replace /@@(\d+)@@/g, ($0, $1) => math[$1]
|
||||
math = null
|
||||
text
|
||||
|
||||
@updateMathJax: =>
|
||||
HUB.Queue(["Typeset", HUB, "wmd-preview"])
|
||||
|
||||
|
||||
|
||||
###
|
||||
if not HUB.Cancel? #and 1 == 2
|
||||
HUB.cancelTypeset = false
|
||||
CANCELMESSAGE = "MathJax Canceled"
|
||||
|
||||
HOOKS = [
|
||||
{
|
||||
name: "HTML-CSS Jax Config"
|
||||
engine: -> window["MathJax"].OutputJax["HTML-CSS"]
|
||||
},
|
||||
{
|
||||
name: "SVG Jax Config"
|
||||
engine: -> window["MathJax"].OutputJax["SVG"]
|
||||
},
|
||||
{
|
||||
name: "TeX Jax Config"
|
||||
engine: -> window["MathJax"].InputJax.TeX
|
||||
},
|
||||
]
|
||||
|
||||
for hook in HOOKS
|
||||
do (hook) ->
|
||||
HUB.Register.StartupHook hook.name, ->
|
||||
engine = hook.engine()
|
||||
engine.Augment
|
||||
Translate: (script, state) ->
|
||||
console.log "translating"
|
||||
if HUB.cancelTypeset or state.cancelled
|
||||
throw Error(CANCELMESSAGE)
|
||||
engine.Translate.call(engine, script, state)
|
||||
|
||||
prevProcessError = HUB.processError
|
||||
HUB.processError = (error, state, type) ->
|
||||
if error.message != CANCELMESSAGE
|
||||
return prevProcessError.call(HUB, error, state, type)
|
||||
else
|
||||
console.log "handling message"
|
||||
MathJax.Message.Clear(0, 0)
|
||||
state.jaxIds = []
|
||||
state.jax = {}
|
||||
state.scripts = []
|
||||
state.i = state.j = 0
|
||||
state.cancelled = true
|
||||
return null
|
||||
|
||||
HUB.Cancel = ->
|
||||
this.cancelTypeset = true
|
||||
###
|
||||
|
||||
if Markdown?
|
||||
mathRenderer = new MathJaxDelayRenderer()
|
||||
removeMath = (text) -> text
|
||||
|
||||
replaceMath = (text) -> text
|
||||
|
||||
updateMathJax = ->
|
||||
console.log "updating"
|
||||
#mathRenderer.render
|
||||
# element: $("#wmd-preview")
|
||||
MathJax.Hub.Queue(["Typeset", MathJax.Hub, "wmd-preview"])
|
||||
|
||||
|
||||
converter = Markdown.getSanitizingConverter()
|
||||
editor = new Markdown.Editor(converter)
|
||||
converter.hooks.chain "preConversion", removeMath
|
||||
converter.hooks.chain "postConversion", replaceMath
|
||||
editor.hooks.chain "onPreviewRefresh", updateMathJax
|
||||
converter.hooks.chain "preConversion", MathJaxProcessor.removeMath
|
||||
converter.hooks.chain "postConversion", MathJaxProcessor.replaceMath
|
||||
delayRenderer = new MathJaxDelayRenderer()
|
||||
editor.hooks.chain "onPreviewPush", (text, previewSet) ->
|
||||
delayRenderer.render
|
||||
text: text
|
||||
previewSetter: previewSet
|
||||
editor.run()
|
||||
|
||||
73
lms/static/coffee/src/mathjax_delay_renderer.coffee
Normal file
73
lms/static/coffee/src/mathjax_delay_renderer.coffee
Normal file
@@ -0,0 +1,73 @@
|
||||
getTime = ->
|
||||
new Date().getTime()
|
||||
|
||||
class @MathJaxDelayRenderer
|
||||
|
||||
maxDelay: 3000
|
||||
mathjaxRunning: false
|
||||
elapsedTime: 0
|
||||
mathjaxDelay: 0
|
||||
mathjaxTimeout: undefined
|
||||
bufferId: "mathjax_delay_buffer"
|
||||
|
||||
constructor: (params) ->
|
||||
params = params || {}
|
||||
@maxDelay = params["maxDelay"] || @maxDelay
|
||||
@bufferId = params["buffer"] || @bufferId
|
||||
if not $("##{@bufferId}").length
|
||||
$("<div>").attr("id", @bufferId).css("display", "none").appendTo($("body"))
|
||||
|
||||
# render: (params) ->
|
||||
# params:
|
||||
# elem: jquery element to be rendered
|
||||
# text: text to be rendered & put into the element;
|
||||
# if blank, then just render the current text in the element
|
||||
# preprocessor: pre-process the text before rendering using MathJax
|
||||
# if text is blank, it will pre-process the html in the element
|
||||
# previewSetter: if provided, will pass text back to it instead of
|
||||
# directly setting the element
|
||||
|
||||
render: (params) ->
|
||||
|
||||
elem = params["element"]
|
||||
previewSetter = params["previewSetter"]
|
||||
text = params["text"]
|
||||
if not text?
|
||||
text = $(elem).html()
|
||||
preprocessor = params["preprocessor"]
|
||||
buffer = $("##{@bufferId}")
|
||||
|
||||
if params["delay"] == false
|
||||
if preprocessor?
|
||||
text = preprocessor(text)
|
||||
$(elem).html(text)
|
||||
MathJax.Hub.Queue ["Typeset", MathJax.Hub, $(elem).attr("id")]
|
||||
else
|
||||
if @mathjaxTimeout
|
||||
window.clearTimeout(@mathjaxTimeout)
|
||||
@mathjaxTimeout = undefined
|
||||
delay = Math.min @elapsedTime + @mathjaxDelay, @maxDelay
|
||||
|
||||
renderer = =>
|
||||
if @mathjaxRunning
|
||||
return
|
||||
prevTime = getTime()
|
||||
if preprocessor?
|
||||
text = preprocessor(text)
|
||||
buffer.html(text)
|
||||
curTime = getTime()
|
||||
@elapsedTime = curTime - prevTime
|
||||
if MathJax
|
||||
prevTime = getTime()
|
||||
@mathjaxRunning = true
|
||||
MathJax.Hub.Queue ["Typeset", MathJax.Hub, buffer.attr("id")], =>
|
||||
@mathjaxRunning = false
|
||||
curTime = getTime()
|
||||
@mathjaxDelay = curTime - prevTime
|
||||
if previewSetter
|
||||
previewSetter($(buffer).html())
|
||||
else
|
||||
$(elem).html($(buffer).html())
|
||||
else
|
||||
@mathjaxDelay = 0
|
||||
@mathjaxTimeout = window.setTimeout(renderer, delay)
|
||||
@@ -27,6 +27,7 @@
|
||||
It can't be run through static.url because MathJax uses crazy url introspection to do lazy loading of
|
||||
MathJax extension libraries -->
|
||||
<script type="text/javascript" src="/static/js/vendor/mathjax-MathJax-c9db6ac/MathJax.js?config=TeX-MML-AM_HTMLorMML-full"></script>
|
||||
<script type="text/javascript" src="${static.url('js/vendor/split.js')}"></script>
|
||||
<script type="text/javascript" src="${static.url('js/vendor/Markdown.Converter.js')}"></script>
|
||||
<script type="text/javascript" src="${static.url('js/vendor/Markdown.Sanitizer.js')}"></script>
|
||||
<script type="text/javascript" src="${static.url('js/vendor/Markdown.Editor.js')}"></script>
|
||||
|
||||
Reference in New Issue
Block a user