Thứ Năm, 30 tháng 7, 2015

Tích hợp MathJaX - Công thức soạn thảo toán học cho blogspot

Sau đây mình xin hướng dẫn các bạn thích hợp công cụ MathJax vào blogspot hoặc web và hướng dẫn sử dụng

Hướng dẫn cài đặt:
Bước 1: Vào Blog->Mẫu->Chỉnh sửa HTML:
Bước 2: Đặt code sau vào trong thẻ <head>....</head>
<script type='text/x-mathjax-config'>
MathJax.Hub.Config({
TeX: { equationNumbers: { autoNumber: &quot;AMS&quot; } }
});
</script>
<script type='text/x-mathjax-config'>
MathJax.Hub.Config({tex2jax: {inlineMath: [[&#39;amp;#39;,&#39;amp;#39;], [&#39;\\(&#39;,&#39;\\)&#39;]]}}); </script>
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG' type='text/javascript'>
</script>
Bước 3: Lưu lại là xong
Hướng dẫn sử dụng: 
Cũng giống với Latex,trong Latex gõ công thức toán như nào thì ở đây như vậy.Bạn có thể xem bài viết hướng dẫn bằng tiếng anh: Tại Đây .
Để gõ công thức trong cùng dòng với văn bản, bạn dùng $..$ hoặc \(</...)
Để gõ công thức riêng 1 đoạn ,bạn dùng $$...$$ hoặc \[...\] hoặc \begin{equation}...\end{equation} hoặc \begin{align}...\end{align}
Sửa lỗi hiển thị:
Bạn lưu ý trong đoạn code trên, có đoạn TeX-AMS-MML_SVG, ở đây SVG cuối là chỉ định MathJaX sẽ render các công thức dưới dạng ảnh SVG. Đa phần các trang web khác sẽ yêu cầu bạn dùng HTMLorMML. Tuy nhiên với cách dùng sau, không hiểu sao một số trình duyệt hiển thị không chuẩn, rất xấu, chưa kể thời gian để nó dịch khá lâu. Ví dụ như bạn sẽ thấy như hình bên dưới nếu dùng HTMLorMML.
Nguồn:Math2it

Không có nhận xét nào:

Đăng nhận xét

Related Posts Plugin for WordPress, Blogger...