Tích hợp bộ gõ Latex vào website

Latext là gì

LaTeX là một hệ thống soạn thảo văn bản rất phù hợp để tạo ra các tài liệu khoa học như bài tiểu luận, luận án, luận văn hay một quyển sách hoàn chỉnh. 

Với LaTeX, bạn không còn phải mất nhiều thời gian, công sức khi soạn thảo công thức toán học bởi vì LaTeX đã hỗ trợ rất tốt cho việc soạn các công thức này.

Ngoài ra mục lục, chỉ mục, tài liệu tham khảo đều được thực hiện tự động, bạn chỉ việc ngồi nhập văn bản và nhập văn bản.. mà thôi. LaTeX còn cho phép soạn thảo các bài thuyết trình, vẽ hình,… rất chuyên nghiệp nữa.

Cài đặt

Bạn thêm 2 dòng này trước thẻ body trong mã nguồn Blogger

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6">></script>
<script id="MathJax-script" async
          src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">></script>

Hiển thị công thức Latex inline

window.MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  }
};

Thêm đoạn css sau để hiển thị công thức bên trái của trang web:

/*MathJax css*/
mjx-container {
  text-align: left !important;
}

Hướng dẫn sử dụng

Để hiển thị công thức toán học, bạn gõ trong dấu (, $, hoặc [

\(<Math formula>\)
\[<Math formula>\]
$$<Math formula>$$

Một số cú pháp:

Ma trận (Matrix)

$$ \begin{matrix} 1 & x & x^2 \\ 1 & y & y^2 \\ 1 & z & z^2 \\ \end{matrix} $$

$$
\begin{matrix}
A1 & A2 & A3 \\
A4 & A5 & A6 \\
\end{matrix}
$$

Để thêm dấu ngoặc cho ma trận, bạn sử dụng &tiền tồ> + matrix

• p cho dấu ngoặc đơn => pmatrix 
• b cho dấu ngoặc => pmatrix 
• v cho chuyển từ => vmatrix 
• B cho dấu ngoặc nhọn => Bmatrix 
• V cho động từ kép. => Vmatrix

Ví dụ:

$$
\begin{pmatrix}
1 & x & x^2 \\
1 & y & y^2 \\
1 & z & z^2 \\
\end{pmatrix}
$$

$$ \begin{pmatrix} 1 & x & x^2 \\ 1 & y & y^2 \\ 1 & z & z^2 \\ \end{pmatrix} $$ m * n Matrix \begin{equation*} A_{m,n} = \begin{pmatrix} a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\ a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m,1} & a_{m,2} & \cdots & a_{m,n} \end{pmatrix} \end{equation*}

\begin{equation*}
A_{m,n} = 
\begin{pmatrix}
a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\
a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\
\vdots  & \vdots  & \ddots & \vdots  \\
a_{m,1} & a_{m,2} & \cdots & a_{m,n} 
\end{pmatrix}
\end{equation*}

Hiển thị dấu gạch trong ma trận $$ \left[ \begin{array}{cc|c} 1&2&3\\ 4&5&6 \end{array} \right] $$

$$ \left[
\begin{array}{cc|c}
  1&2&3\\
  4&5&6
\end{array}
\right] $$

Hiển thị matrix inline:

ove small matrice such $\big(\begin{smallmatrix} a & b\\ c & d \end{smallmatrix}\big)$

I love small matrice such $\big(\begin{smallmatrix} a & b\\ c & d \end{smallmatrix}\big)$

Ma trận 2x2: $ \begin{matrix} a & b \\ c & d \end{matrix} \begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{bmatrix} a & b \\ c & d \end{bmatrix} \begin{vmatrix} a & b \\ c & d \end{vmatrix} \begin{Vmatrix} a & b \\ c & d \end{Vmatrix}$

$
\begin{matrix} 
a & b \\
c & d 
\end{matrix}
\begin{pmatrix} 
a & b \\
c & d 
\end{pmatrix}
\begin{bmatrix} 
a & b \\
c & d 
\end{bmatrix}
\begin{vmatrix} 
a & b \\
c & d 
\end{vmatrix}
\begin{Vmatrix} 
a & b \\
c & d 
\end{Vmatrix}$

VD:

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\] Phương trình:

\(f(n) =
\begin{cases}
n/2,  & \text{if $n$ is even} \\
3n+1, & \text{if $n$ is odd}
\end{cases}
 \)
 

Kết quả: \(f(n) = \begin{cases} n/2, & \text{if $n$ is even} \\ 3n+1, & \text{if $n$ is odd} \end{cases} \) 

Demo

https://plnkr.co/plunk/53vgAjbIiDJX47Bv

https://jsfiddle.net/anbinhtrong/ckj9bqvu/2/