patrick/KaTeX
1
0
Fork 0
mirror of https://github.com/Smaug123/KaTeX synced 2025-10-08 20:48:41 +00:00
Code Issues 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
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 path = require("path");
var browserify = require("browserify"); var browserify = require("browserify");
var express = require("express"); var express = require("express");
var less = require("less");
var app = express(); 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) { app.get("/test/katex-tests.js", function(req, res, next) {
var b = browserify(); var b = browserify();
b.add("./test/katex-tests"); 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="katex.js" type="text/javascript"></script>
<script src="main.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="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"> <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> </head>
<body> <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" /> <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> <title>Huxley test</title>
<script src="/katex.js" type="text/javascript"></script> <script src="/katex.js" type="text/javascript"></script>
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css"> <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"> <style type="text/css">
#math, #pre, #post { #math, #pre, #post {
font-size: 4em; font-size: 4em;

8
test/pdiff.html
View File

@@ -30,13 +30,7 @@
}; };
</script> </script>
<link href="../fonts/fonts.css" rel="stylesheet" type="text/css"> <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">
<!--[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> </head>
<body> <body>
<div><span>1\le2+2=4\ge3\ne\pi</span></div> <div><span>1\le2+2=4\ge3\ne\pi</span></div>