Ratings | | Unique User Downloads | | Download Rankings |
Not yet rated by the users | | Total: 91 | | All time: 9,937 This week: 89 |
Version | | Licenses | | PHP version | | Categories |
math-expression-to-h 1.0 | | Custom (specified... | | 5 | | HTML, PHP 5, Math, Parsers |
|
Description | | Author |
This package can render mathematics expressions on an HTML page.
It can take a string with a math expression and parse it to extract its structures.
The package also generates HTML to display the expression in a Web page. Innovation Award
November 2022
Number 2 |
Some applications need to display mathematical expressions on Web pages in a way that professionals in mathematics are used to seeing those expressions.
A mathematical expression can be displayed on a Web page in several ways.
This package can render a mathematical expression using regular HTML.
Manuel Lemos |
| |
|
|
Innovation award
Nominee: 3x |
|
Example
<?php
/**
* mathExpHtml Class
*
* This class is free for the educational use as long as maintain this header together with this class.
* Author: Win Aung Cho
* Contact winaungcho@gmail.com
* version 1.3
* Date: 1-12-2022
*/
include("mathexphtml.php");
?>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=0.30,maximum-scale=1.60">
<style>
body {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
text-align: center;
font-family: "Times New Roman", Times, serif;
}
.math {
text-align: center;
padding: 0em 0em;
font-size: 2rem;
}
.math .intsuma {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.math .intsuma > span {
display: block;
font-size: 70%;
}
.math .intsuma .lim-up {
margin-bottom: -1ex;
}
.math .intsuma .lim {
margin-top: -0.5ex;
}
.math .intsuma .sum {
font-size: 1.5em;
font-weight: lighter;
}
.math .intsuma .sum-frac {
font-size: 1.5em;
font-weight: 100;
}
.math .fraction {
display: inline-block;
vertical-align: middle;
margin: 0 0.2em 0.4ex;
text-align: center;
}
.math .fraction > span {
display: block;
padding-top: 0.15em;
}
.math .fraction span.denom {
border-top: solid 2px black;
}
.math .fraction span.bar {
display: none;
}
.math .sym {
position: relative;
text-align: center;
}
.math .vec {
position: absolute;
top: -0.8em;
left: 0px;
width: 100%;
text-align: center;
text-transform: full-width;
}
.math .matrix {
vertical-align: middle;
text-align: center;
font-size: 70%;
position: relative;
display: inline-block;
}
.math .matrix td{
font-size: 1.6rem;
}
.math .matrix:before,
.matrix:after {
content: "";
position: absolute;
top: 0;
border: 1px solid #000;
width: 6px;
height: 100%;
}
.math .matrix:before {
left: -6px;
border-right: 0;
}
.math .matrix:after {
right: -6px;
border-left: 0;
}
</style>
</head>
<body>
<div style="overflow-x:auto;overflow-y:auto; width:100%;height:100%;white-space: nowrap;">
<div class="math">
<?php
//$str = "sin(3+?/4*i)/(2-3*?^2)";
$str = "a=sum(i=1,3,23.5*{vec}-(((atan(2+?/2,-7)+asd?9[2)^-2)/4.5+sin(0.5*?))/(20.06+?*(16))^2-26)";
$parser = new mathExpHtml($str);
echo $parser->getHtml()."<br/>";
$str = "-bą(b^2-14*a*c)^0.5/(2*a)";
$parser = new mathExpHtml($str);
echo $parser->getHtml()."<br/>";
$str = "sum(8, 12, 5+2*x*(?-6/x)^2)";
$parser = new mathExpHtml($str);
echo $parser->getHtml()."<br/>";
$str = "int(8, 12, 5+2*x*(?-6/x)^2, dx)";
$parser = new mathExpHtml($str);
echo $parser->getHtml()."<br/>";
echo "<br/>";
$str = "A=-x^-3/3!+x^2/2!";
$parser = new mathExpHtml($str);
//$parser->printTokens();
echo $parser->getHtml()."<br/>";
echo "<br/>";
$str = "{M}={vec}×((2*a,5,a[2),(6,2,4),(1,6,8))×(1,2,3)";
$parser = new mathExpHtml($str);
echo $parser->getHtml()."<br/>";
?>
</div>
</div>
</body>
</html>
|
Details
Math-Expression-to-HTML
Produce html code from the mathematic expression string
Demo Version
Visit following link and check demo in forum.
Demo
Usage
First include the mathexphtml.php
class in your file, and use the class as following to generate the HTML for the math expressions:
$expression = "a=sum(i=1,3,23.5{vec}-(((cos(2+?/2)+asd9)^2)/4.5+sin(0.5?))/(20.06+?*(16))^2-26)";
$parser = new mathExpHtml($expression);
$parser->printTokens();
echo $parser->getHtml();
Features
Algorythm is very simple.
-
String is tokenized using `preg_split` into array of tokens,
-
Token types are value, alpha-numeric and operator.
-
Alpha numeric represents as a variable or function name.
-
There are some known functions such as summation sign sum(i=1, 5).
-
First tokens are simplify into simple expression inside the parenthesis.
-
Nested parenthesis are allowed.
-
Simple inside () are convert into html code using predefined css classes.
-
Precedence are common as following order, ^, *,/,+.-.
-
Multiple expressions of () may connected without operator eg., (3+a/4)(sin(0.5*?))
-
Vector variable can be used in written form enclosed with cali-bracket eg., {vec}
Contact
Contact me for comercial use via mail winaungcho@gmail.com.
|
Applications that use this package |
|
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.