230 lines
6.9 KiB
JavaScript
230 lines
6.9 KiB
JavaScript
|
/*************************************************************
|
||
|
|
*
|
||
|
|
* MathJax/extensions/TeX/color.js
|
||
|
|
*
|
||
|
|
* Implements LaTeX-compatible \color macro rather than MathJax's
|
||
|
|
* original (non-standard) version. It includes the rgb, gray, and
|
||
|
|
* named color models, and the \definecolor macro.
|
||
|
|
*
|
||
|
|
* ---------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* Copyright (c) 2011-2012 Design Science, Inc.
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
|
||
|
|
//
|
||
|
|
// The configuration defaults, augmented by the user settings
|
||
|
|
//
|
||
|
|
MathJax.Extension["TeX/color"] = {
|
||
|
|
version: "2.0",
|
||
|
|
|
||
|
|
config: MathJax.Hub.CombineConfig("TeX.color",{
|
||
|
|
padding: "5px",
|
||
|
|
border: "2px"
|
||
|
|
}),
|
||
|
|
|
||
|
|
colors: {
|
||
|
|
Apricot: "#FBB982",
|
||
|
|
Aquamarine: "#00B5BE",
|
||
|
|
Bittersweet: "#C04F17",
|
||
|
|
Black: "#221E1F",
|
||
|
|
Blue: "#2D2F92",
|
||
|
|
BlueGreen: "#00B3B8",
|
||
|
|
BlueViolet: "#473992",
|
||
|
|
BrickRed: "#B6321C",
|
||
|
|
Brown: "#792500",
|
||
|
|
BurntOrange: "#F7921D",
|
||
|
|
CadetBlue: "#74729A",
|
||
|
|
CarnationPink: "#F282B4",
|
||
|
|
Cerulean: "#00A2E3",
|
||
|
|
CornflowerBlue: "#41B0E4",
|
||
|
|
Cyan: "#00AEEF",
|
||
|
|
Dandelion: "#FDBC42",
|
||
|
|
DarkOrchid: "#A4538A",
|
||
|
|
Emerald: "#00A99D",
|
||
|
|
ForestGreen: "#009B55",
|
||
|
|
Fuchsia: "#8C368C",
|
||
|
|
Goldenrod: "#FFDF42",
|
||
|
|
Gray: "#949698",
|
||
|
|
Green: "#00A64F",
|
||
|
|
GreenYellow: "#DFE674",
|
||
|
|
JungleGreen: "#00A99A",
|
||
|
|
Lavender: "#F49EC4",
|
||
|
|
LimeGreen: "#8DC73E",
|
||
|
|
Magenta: "#EC008C",
|
||
|
|
Mahogany: "#A9341F",
|
||
|
|
Maroon: "#AF3235",
|
||
|
|
Melon: "#F89E7B",
|
||
|
|
MidnightBlue: "#006795",
|
||
|
|
Mulberry: "#A93C93",
|
||
|
|
NavyBlue: "#006EB8",
|
||
|
|
OliveGreen: "#3C8031",
|
||
|
|
Orange: "#F58137",
|
||
|
|
OrangeRed: "#ED135A",
|
||
|
|
Orchid: "#AF72B0",
|
||
|
|
Peach: "#F7965A",
|
||
|
|
Periwinkle: "#7977B8",
|
||
|
|
PineGreen: "#008B72",
|
||
|
|
Plum: "#92268F",
|
||
|
|
ProcessBlue: "#00B0F0",
|
||
|
|
Purple: "#99479B",
|
||
|
|
RawSienna: "#974006",
|
||
|
|
Red: "#ED1B23",
|
||
|
|
RedOrange: "#F26035",
|
||
|
|
RedViolet: "#A1246B",
|
||
|
|
Rhodamine: "#EF559F",
|
||
|
|
RoyalBlue: "#0071BC",
|
||
|
|
RoyalPurple: "#613F99",
|
||
|
|
RubineRed: "#ED017D",
|
||
|
|
Salmon: "#F69289",
|
||
|
|
SeaGreen: "#3FBC9D",
|
||
|
|
Sepia: "#671800",
|
||
|
|
SkyBlue: "#46C5DD",
|
||
|
|
SpringGreen: "#C6DC67",
|
||
|
|
Tan: "#DA9D76",
|
||
|
|
TealBlue: "#00AEB3",
|
||
|
|
Thistle: "#D883B7",
|
||
|
|
Turquoise: "#00B4CE",
|
||
|
|
Violet: "#58429B",
|
||
|
|
VioletRed: "#EF58A0",
|
||
|
|
White: "#FFFFFF",
|
||
|
|
WildStrawberry: "#EE2967",
|
||
|
|
Yellow: "#FFF200",
|
||
|
|
YellowGreen: "#98CC70",
|
||
|
|
YellowOrange: "#FAA21A"
|
||
|
|
},
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Look up a color based on its model and definition
|
||
|
|
*/
|
||
|
|
getColor: function (model,def) {
|
||
|
|
if (!model) {model = "named"}
|
||
|
|
var fn = this["get_"+model];
|
||
|
|
if (!fn) {this.TEX.Error("Color model '"+model+"' not defined")}
|
||
|
|
return fn.call(this,def);
|
||
|
|
},
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Get an RGB color
|
||
|
|
*/
|
||
|
|
get_rgb: function (rgb) {
|
||
|
|
rgb = rgb.split(/,/); var RGB = "#";
|
||
|
|
if (rgb.length !== 3) {this.TEX.Error("RGB colors require 3 decimal numbers")}
|
||
|
|
for (var i = 0; i < 3; i++) {
|
||
|
|
if (!rgb[i].match(/^(\d+(\.\d*)?|\.\d+)$/)) {this.TEX.Error("Invalid decimal number")}
|
||
|
|
var n = parseFloat(rgb[i]);
|
||
|
|
if (n < 0 || n > 1) {this.TEX.Error("RGB values must be between 0 and 1")}
|
||
|
|
n = Math.floor(n*255).toString(16); if (n.length < 2) {n = "0"+n}
|
||
|
|
RGB += n;
|
||
|
|
}
|
||
|
|
return RGB;
|
||
|
|
},
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Get a gray-scale value
|
||
|
|
*/
|
||
|
|
get_gray: function (gray) {
|
||
|
|
if (!gray.match(/^(\d+(\.\d*)?|\.\d+)$/)) {this.TEX.Error("Invalid decimal number")}
|
||
|
|
var n = parseFloat(gray);
|
||
|
|
if (n < 0 || n > 1) {this.TEX.Error("Grey-scale values must be between 0 and 1")}
|
||
|
|
n = Math.floor(n*255).toString(16); if (n.length < 2) {n = "0"+n}
|
||
|
|
return "#"+n+n+n;
|
||
|
|
},
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Get a named value
|
||
|
|
*/
|
||
|
|
get_named: function (name) {
|
||
|
|
if (this.colors[name]) {return this.colors[name]}
|
||
|
|
return name;
|
||
|
|
},
|
||
|
|
|
||
|
|
padding: function () {
|
||
|
|
var pad = "+"+this.config.padding;
|
||
|
|
var unit = this.config.padding.replace(/^.*?([a-z]*)$/,"$1");
|
||
|
|
var pad2 = "+"+(2*parseFloat(pad))+unit;
|
||
|
|
return {width:pad2, height:pad, depth:pad, lspace:this.config.padding};
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
|
||
|
|
var TEX = MathJax.InputJax.TeX,
|
||
|
|
MML = MathJax.ElementJax.mml;
|
||
|
|
var STACKITEM = TEX.Stack.Item;
|
||
|
|
var COLOR = MathJax.Extension["TeX/color"];
|
||
|
|
|
||
|
|
COLOR.TEX = TEX; // for reference in getColor above
|
||
|
|
|
||
|
|
TEX.Definitions.macros.color = "Color";
|
||
|
|
TEX.Definitions.macros.definecolor = "DefineColor";
|
||
|
|
TEX.Definitions.macros.colorbox = "ColorBox";
|
||
|
|
TEX.Definitions.macros.fcolorbox = "fColorBox";
|
||
|
|
|
||
|
|
TEX.Parse.Augment({
|
||
|
|
|
||
|
|
//
|
||
|
|
// Override \color macro definition
|
||
|
|
//
|
||
|
|
Color: function (name) {
|
||
|
|
var model = this.GetBrackets(name),
|
||
|
|
color = this.GetArgument(name);
|
||
|
|
color = COLOR.getColor(model,color);
|
||
|
|
var mml = STACKITEM.style().With({styles:{mathcolor:color}});
|
||
|
|
this.stack.env.color = color;
|
||
|
|
this.Push(mml);
|
||
|
|
},
|
||
|
|
|
||
|
|
//
|
||
|
|
// Define the \definecolor macro
|
||
|
|
//
|
||
|
|
DefineColor: function (name) {
|
||
|
|
var cname = this.GetArgument(name),
|
||
|
|
model = this.GetArgument(name),
|
||
|
|
def = this.GetArgument(name);
|
||
|
|
COLOR.colors[cname] = COLOR.getColor(model,def);
|
||
|
|
},
|
||
|
|
|
||
|
|
//
|
||
|
|
// Produce a text box with a colored background
|
||
|
|
//
|
||
|
|
ColorBox: function (name) {
|
||
|
|
var cname = this.GetArgument(name),
|
||
|
|
arg = this.InternalMath(this.GetArgument(name));
|
||
|
|
this.Push(MML.mpadded.apply(MML,arg).With({
|
||
|
|
mathbackground:COLOR.getColor("named",cname)
|
||
|
|
}).With(COLOR.padding()));
|
||
|
|
},
|
||
|
|
|
||
|
|
//
|
||
|
|
// Procude a framed text box with a colored background
|
||
|
|
//
|
||
|
|
fColorBox: function (name) {
|
||
|
|
var fname = this.GetArgument(name),
|
||
|
|
cname = this.GetArgument(name),
|
||
|
|
arg = this.InternalMath(this.GetArgument(name));
|
||
|
|
this.Push(MML.mpadded.apply(MML,arg).With({
|
||
|
|
mathbackground: COLOR.getColor("named",cname),
|
||
|
|
style: "border: "+COLOR.config.border+" solid "+COLOR.getColor("named",fname)
|
||
|
|
}).With(COLOR.padding()));
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
MathJax.Hub.Startup.signal.Post("TeX color Ready");
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/color.js");
|