tex-math-here/popup.html at master · mathaddons/tex-math-here · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <html lang="en">
    <title>TeX Math Here</title>
    <script src="jquery-3.3.1.min.js"></script>
    <script src="jscolor.js"></script>
    <script src="popup.js"></script>
    <link rel="stylesheet" type="text/css" href="popup.css">
  </head>
  <body>
		<center>
			<img style="height:80px;pointer-events:none;" class="disable-select"
					 src="images/texhere/combo.svg"
					 id="logo" alt="TeX Math Here">
	  </center>

		<p style="font-family:helvetica,verdana,arial;font-size:11px;margin:5px">
			(Enter <a href="https://en.wikipedia.org/wiki/Help:Displaying_a_formula#Formatting_using_TeX">math code</a> only. Do not enclose in  <tt>$</tt> <tt>$</tt> or <tt>\[</tt> <tt>\]</tt>.)
			<span style="display:inline-block; width:5px;"></span>
			<select class="fontSize" id="format"></select>
		</p>

    <form id="form">
      <textarea id="code" rows="4" cols="54"
								class="TeX"
								title="Enter TeX math code here."
								style="resize:none" spellcheck="false">Enter code here</textarea>
			<br/>

      <select class="fonts" id="font"></select>

      <select class="fontSize" id="DPI"></select>

      <input class="jscolor" id="color"
             spellcheck="false"
             title="Enter the hexadecimal RGB representation of your color here, or click to select a color."
             style="width:50px;font-size:14px;text-align:center"
             value="000000">

			<input type="checkbox" id="displaystyle" class="check-input" checked>
			<label for="displaystyle" class="check-label"
						 title="When checked, force the LaTeX \displaystyle equation format, rather than inline display.">
				<tt>\displaystyle</tt>
			</label>
      <div id="fontLabel" style="font-size:10px;"></div>

			<button type="submit" id="submitButton"
							style="margin-top:10px">Convert</button>
			<input type="checkbox" id="blobbed" class="check-input">
			<label for="blobbed" class="check-label"
						 title="When checked, set the returned image's src attribute to a permanent URL	on the server. Otherwise, store the image as a self-contained data URL.

Enabling this option may cause pasting delays with Google Docs and other online platforms, so only enable it if you need the TeX Math Here server to store a copy of your equation image for you.">
				With URL
			</label>
    </form>

    <h3>
      <p style="font-family:helvetica,verdana,arial;font-size:16px;">Preview<span id="clipboardstatus" style="display:none;font-size:10px">(copied to clipboard)</span></p>
    </h3>
		<div style="display:none;" id="loader" class="loader"></div>
		<div id="displayarea" style="width:100%;min-height:100px;overflow:auto;"></div>
  </body>
</html>