Skip to content

Instantly share code, notes, and snippets.

@cuduy197

cuduy197/index.html

Last active April 6, 2017 11:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cuduy197/23f15b3463c6633ebc357193d77052cd to your computer and use it in GitHub Desktop.
Save cuduy197/23f15b3463c6633ebc357193d77052cd to your computer and use it in GitHub Desktop.
Download ZIP
AsciiMath Hướng dẫn!
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css" integrity="sha384-UQiGfs9ICog+LwheBSRCt1o5cbyKIHbwjWscjemyBMT9YCUMZffs6UqUTd0hObXD" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lemonada" rel="stylesheet">
<script>
window.MathJax = {
AuthorInit: function() {
MathJax.Hub.Register.StartupHook('End', function() {
MathJax.Hub.processSectionDelay = 0
var demoSource = document.getElementById('input')
var demoRendering = document.getElementById('result')
var math = MathJax.Hub.getAllJax('demoRendering')[0]
demoSource.addEventListener('input', function() {
MathJax.Hub.Queue(['Text', math, demoSource.value])
})
})
}
}
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<style>
.l-box {
padding: 30px;
text-align: center;
}
body {
padding: 1em;
background: url(https://www.toptal.com/designers/subtlepatterns/patterns/wood_pattern.png) repeat;
font-family: 'Lemonada', cursive;
}
input {
width: 600px;
height: 16px;
padding: auto;
background: url(http://i.stack.imgur.com/ynxjD.png) repeat-y;
resize: none;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
text-align: center;
overflow: auto;
border:groove;
vertical-align: middle;
}
</style>
<title>AsciiMath - Bùi Khương Duy (c) 2017 </title>
</head>
<body>
<div style="text-align: center"class="">
<h2>Ngôn ngữ đánh dấu biểu thức toán học Ascii Math</h2>
<a href="http://asciimath.org" target="_blank">Trang chủ : http://asciimath.org</a>
</div>
<div class="pure-g">
<div class="pure-u-1">
<form class="pure-form l-box">
<div style="text-align: center" id="result">`sum_(i=1)^n i^3=((n(n+1))/2)^2`</div>
</form>
</div>
<div class="pure-u-1">
<form class="l-box">
<i> Nhập biểu thức : </i>
<input value="sum_(i=1)^n i^3=((n(n+1))/2)^2" id="input" placeholder="Nhập nội dung muốn chuyển đổi tại đây">
</form>
</div>
<div class="pure-g">
<div class="pure-u-1">
<table class="pure-table pure-table-bordered">
<h3 style="text-align: center">Bảng hướng dẫn</h3>
<td colspan="4">
Ký hiệu la mã:
alpha `alpha`
beta `beta`
chi `chi`
delta `delta`
Delta `Delta`
epsilon `epsilon`
varepsilon `varepsilon`
eta `eta`
gamma `gamma`
Gamma `Gamma`
iota `iota`
kappa `kappa`
lambda `lambda`
Lambda `Lambda`
mu `mu`
nu `nu`
omega `omega`
Omega `Omega`
phi `phi`
varphi `varphi`
Phi `Phi`
pi `pi`
Pi `Pi`
psi `psi`
Psi `Psi`
rho `rho`
sigma `sigma`
Sigma `Sigma`
tau `tau`
theta `theta`
vartheta `vartheta`
Theta `Theta`
upsilon `upsilon`
xi `xi`
Xi `Xi`
zeta `zeta`
</td>
<tr>
<th>Phép tính</th>
<th>Quan hệ</th>
<th>Tính toán</th>
<th>Ký hiệu</th>
</tr>
<tr valign="top">
<td>
<table class=pure-table>
<tr>
<th>Nhập</th>
<th>Kết quả</th>
</tr>
<tr>
<td>+ </td>
<td>`+` </td>
</tr>
<tr>
<td>- </td>
<td>`-` </td>
</tr>
<tr>
<td>+- </td>
<td>`+-` </td>
</tr>
<tr>
<td>* </td>
<td>`*` </td>
</tr>
<tr>
<td>** </td>
<td>`**` </td>
</tr>
<tr>
<td>-: </td>
<td>`-:` </td>
</tr>
<tr>
<td>1/2 </td>
<td>`1/2` </td>
</tr>
<tr>
<td>1//2 </td>
<td>`1//2` </td>
</tr>
<tr>
<td>xx </td>
<td>`xx` </td>
</tr>
<tr>
<td>3^4 </td>
<td>`3^4` </td>
</tr>
<tr>
<td>f@g </td>
<td>`f@g` </td>
</tr>
<tr>
<td>sqrt(5) </td>
<td>`sqrt(5)` </td>
</tr>
<tr>
<td>root(3)(5) </td>
<td>`root(3)(5)` </td>
</tr>
<tr>
<td>sin^-1(x) </td>
<td>`sin^-1(x)` </td>
</tr>
</table>
</td>
<td>
<table class=pure-table>
<tr>
<th>Nhập</th>
<th>Kết quả</th>
</tr>
<tr>
<td>!= </td>
<td>`!=` </td>
</tr>
<tr>
<td>&lt; or lt</td>
<td>`lt` </td>
</tr>
<tr>
<td>&gt; or gt</td>
<td>`gt` </td>
</tr>
<tr>
<td>&lt;= or leq</td>
<td>`leq` </td>
</tr>
<tr>
<td>&gt;= or geq</td>
<td>`geq` </td>
</tr>
<tr>
<td>in </td>
<td>`in` </td>
</tr>
<tr>
<td>-= </td>
<td>`-=` </td>
</tr>
<tr>
<td>~= </td>
<td>`~=` </td>
</tr>
<tr>
<td>~~ </td>
<td>`~~` </td>
</tr>
<tr>
<td>rarr </td>
<td>`rarr` </td>
</tr>
<tr>
<td>-> </td>
<td>`->` </td>
</tr>
<tr>
<td>=> </td>
<td>`=>` </td>
</tr>
<tr>
<td>iff </td>
<td>`iff` </td>
</tr>
</table>
</td>
<td>
<table class=pure-table>
<tr>
<th>Nhập</th>
<th>Kết quả</th>
</tr>
<tr>
<td>int </td>
<td>`int` </td>
</tr>
<tr>
<td>int_3^5</td>
<td>`int_3^5` </td>
</tr>
<tr>
<td>sum </td>
<td>`sum` </td>
</tr>
<tr>
<td>sum_(i=0)^oo </td>
<td>`sum_(i=0)^oo` </td>
</tr>
<tr>
<td>lim_(x->2^+) </td>
<td>`lim_(x->2^+)` </td>
</tr>
<tr>
<td>oint </td>
<td>`oint` </td>
</tr>
<tr>
<td>del </td>
<td>`del` </td>
</tr>
<tr>
<td>grad </td>
<td>`grad` </td>
</tr>
<tr>
<td>oo </td>
<td>`oo` </td>
</tr>
</table>
</td>
<td>
<table class=pure-table>
<tr>
<th>Type</th>
<th>See</th>
</tr>
<tr>
<td>4^@ </td>
<td>`4^@` </td>
</tr>
<tr>
<td>O/ </td>
<td>`O/` </td>
</tr>
<tr>
<td>/_ </td>
<td>`/_` </td>
</tr>
<tr>
<td>RR </td>
<td>`RR` </td>
</tr>
<tr>
<td>bb A </td>
<td>`bb A` </td>
</tr>
<tr>
<td>bbb A </td>
<td>`bbb A` </td>
</tr>
<tr>
<td>hat x </td>
<td>`hat x` </td>
</tr>
<tr>
<td>bar x </td>
<td>`bar x` </td>
</tr>
<tr>
<td>vec x </td>
<td>`vec x` </td>
</tr>
<tr>
<td>dot x </td>
<td>`dot x` </td>
</tr>
<tr>
<td>(: 4,2 :) </td>
<td>`(: 4,2 :)` </td>
</tr>
<tr>
<td>[(1,2),(3,4)] </td>
<td>`[(1,2),(3,4)]` </td>
</tr>
<tr>
<td>{(x,x lt 1),<br/>(2,x ge 1):}</td>
<td>`{(x,x lt 1),(2,x ge 1) :}` </td>
</tr>
</table>
</td>
</tr>
<tr>
</table>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment