Question

我需要在文本输入中显示数学公式并将其存储在数据库中

公式如下图所示 http://xahlee.info/math/i/math_formula_MathJax.png

当我将任何公式复制到文本框中时，它将转换为普通文本，我需要按原样显示公式。

Answer 1

有HTML characters for mathematical symbols，但是使用纯HTML不可能像图像一样组织它们。

您可以看看如何将HTML Canvas API与JavaScript结合使用来创建所需的结果。您甚至可以将JavaScript存储在MySQL数据库中。

使用您的图片作为参考的小示例：

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

// k above sigma
ctx.font = "15px Arial";
ctx.fillText("k", 20, 20);

// sigma
ctx.font = "40px Arial";
ctx.fillText("\u03A3", 10, 55);

// n=1 below sigma
ctx.font = "15px Arial";
ctx.fillText("n=1", 10, 70);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>
	</body>
</html>

在html文本框中输入数学公式并将其存储到mysql数据库

1 个答案: