در وب چگونه فرمول بنویسیم؟

پروژه KaTeX یک کتابخانه جاوااسکریپت است که به صورت اپن سورس و آزاد ارائه شده است. این نرم افزار را مؤسسه خان آکادمی عرضه کرده است. به کمک این برنامه شما می‌توانید انواع فرمول‌ها را با دستور زبان LaTeX بنویسید و روی صفحات وب با سرعت بالا و به زیبایی نمایش دهید.

نحوه‌ی استفاده از این ابزار بسیار ساده است.

قدم اول:

اضافه کردن لینک فایل CSS نرم افزار در head فایل‌تان.

<link rel="stylesheet" href="katex.min.css">

قدم دوم:

اضافه کردن لینک فایل جاوااسکریپت نرم افزار به انتهای فایل‌تان.

<script src="katex.min.js" type="text/javascript"></script>

قدم سوم:

یک اسکریپت کوچک بنویسید تا فرمول‌هایتان را که در کلاس خاصی نوشته اید پیدا کرده و به فرمول تبدیل کند.

<script>
var equations = document.getElementsByClassName("latex");
for (item of equations) {
  try {
    katex.render(item.innerHTML, item);
  } catch (err) {
    if (item.className.search("errorMessage") == -1) item.className += " errorMessage";
    item.innerHTML = err;
  }
}
</script>

در پایان کلیه فرمولهایتان را در آن کلاس بنویسید. (در این مثال من کلاس latex استفاده کردم.)

<span class="latex">\displaystyle V = \frac{4}{3} \pi r^3</span>

مهم نیست فرمول‌هایتان را با کدام تگ HTML بنویسید. (div یا span)

در کادر زیر یک نمونه آورده‌ام می‌توانید سورس آن را ببینید:

برای دانلود و کسب اطلاعات بیشتر می‌توانید به آدرس github.com/Khan/KaTeX مراجعه کنید.