javascript - 为数学方程定制 MWD

Question

嗨，

我想自定义 WMD 编辑器(或 wmd-new )以将 $\frac{2}{3}$ 等 TeX 方程转换为 Google Charts API 图像 ( )

是否可以自定义 HTML 的生成方式？

Answer 1

我决定使用markitup与 python-markdown我写的扩展。以下是 Google App Engine 解析器的代码:

import markdown

from urllib import urlencode
from markdown.inlinepatterns import Pattern
from google.appengine.ext import webapp

LATEX_RE = r'\${2}([^$]+)\${2}'
API_URL = 'http://chart.apis.google.com/chart?'

class LatexPattern(Pattern):
    """
        Searchs for LaTex equations $$\latex$$ and
        returns img tags using google charts API
    """

    def handleMatch(self, m):
        el = markdown.etree.Element('img')
        src = API_URL + urlencode({
            'chl': m.group(2),
            'cht': 'tx'
        })
        el.set('src', src)
        el.set('alt', m.group(2))
        return el

class LatexExtension(markdown.Extension):
    def extendMarkdown(self, md, md_globals):
        md.inlinePatterns.add(
            'latex',
            LatexPattern(LATEX_RE, self),
            '<automail'
        )

class MarkdownHandler(webapp.RequestHandler):
    def post(self):
        data = self.request.get('data')
        extension = LatexExtension(configs=[])
        md = markdown.Markdown(extensions=[extension])
        html = md.convert(data)
        self.response.out.write(html)