Test page:
Online test page
Get the files:
Go to Download area for javascript to get a test html5/javascript project.
The name: fmath-mathml-javascript-test-project-b*.zip.
In the package there is a test page: allBrowserSolution.html
How to use:
!!! ATTENTION: Each <math> element must be in a container like 'span' or 'div'
that is because IE and Opera can't get the mathml content for a 'math' element.
The container must have only one child.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="fonts/fmathFormulaFonts.js"></script>
<script src="fmathFormulaC.js"></script>
<script src="menu/basicContext.min.js"></script>
<script src="menu/basicModal.min.js"></script>
<link rel="stylesheet" href="menu/default.min.css">
<link rel="stylesheet" href="menu/basicContext.min.css">
<link rel="stylesheet" href="menu/basicModal.min.css">
<link rel="stylesheet" href="allBrowserSolution.css">
</head>
<body >
<h3>MathML Component inherit CSS values from html</h3>
<center>
<h1>H1 style - font size:
<span>
<math>
<mrow>
<msub>
<mi>x</mi>
<mtext>12</mtext>
</msub>
...
</math>
</span>
... all MATHML + HTML
At the end add:
<script type="text/JavaScript" src="allBrowserSolution.js"></script>
</body>
</html>
|