suzanne.soy/scribble-math
1
0
Fork 0
Code Issues 8 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Compile .less on demand for test page

Browse Source 
Test Plan: Opened test page in Chrome and IE8, saw math.

Reviewers: emily

Reviewed By: emily

Differential Revision: http://phabricator.khanacademy.org/D7581
This commit is contained in:
Ben Alpert 2014-03-20 20:22:07 -07:00
parent 204270fa0d
commit bff85c638b
4 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
server.js
View File

@ -1,7 +1,9 @@
var fs = require("fs");
var path = require("path");
var browserify = require("browserify");
var express = require("express");
var less = require("less");
var app = express();
@ -22,6 +24,23 @@ app.get("/katex.js", function(req, res, next) {
});
});
app.get("/katex.css", function(req, res, next) {
fs.readFile("static/katex.less", {encoding: "utf8"}, function(err, data) {
if (err) {
next(err);
return;
}
less.render(data, function(err, css) {
if (err) {
next(err);
return;
}
res.setHeader("Content-Type", "text/css");
res.send(css);
});
});
});
app.get("/test/katex-tests.js", function(req, res, next) {
var b = browserify();
b.add("./test/katex-tests");

8
static/index.html
View File

@ -5,14 +5,8 @@
<script src="katex.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
<link href="fonts/fonts.css" rel="stylesheet" type="text/css">
<link href="katex.less" rel="stylesheet" type="text/less">
<link href="katex.css" rel="stylesheet" type="text/css">
<link href="main.css" rel="stylesheet" type="text/css">
<!--[if gte IE 9]><!-->
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<link href="katex.less.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body>
<input type="text" value="\blue\dfrac{\frac{\phi^2}{3}-G_a^{x^3}}{2\times3+4}+\orange\dfrac{(x^2+y^2)^\frac{1}{2}}{\tan\psi^\tau+2/3}" id="input" />

2
test/huxley/test.html
View File

@ -4,7 +4,7 @@
<title>Huxley test</title>
<script src="/katex.js" type="text/javascript"></script>
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css">
<link href="/katex.less.css" rel="stylesheet" type="text/css">
<link href="/katex.css" rel="stylesheet" type="text/css">
<style type="text/css">
#math, #pre, #post {
font-size: 4em;

8
test/pdiff.html
View File

@ -30,13 +30,7 @@
};
</script>
<link href="../fonts/fonts.css" rel="stylesheet" type="text/css">
<link href="../katex.less" rel="stylesheet" type="text/less">
<!--[if gte IE 9]><!-->
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<link href="../katex.less.css" rel="stylesheet" type="text/css">
<![endif]-->
<link href="../katex.css" rel="stylesheet" type="text/css">
</head>
<body>
<div><span>1\le2+2=4\ge3\ne\pi</span></div>