MathJaX 3 ชุดคำสั่งสำหรับแสดงสมการคณิตศาสตร์บนเว็บ (อัพเดท)

บทความ/จัดพิมพ์ โดย: นาย เจษฏา กานต์ประชา

การแก้ไขเนื้อหาภายหลัง

หลังจากการแสดงผล LaTeX แล้ว หากเราต้องการแก้ไขเนื้อหาภายหลัง และต้องการให้อัพเดทการแสดงผลใหม่ สามารถทำได้ผ่าน method MathJax.typeset หรือ MathJax.typesetClear และ MathJax.typesetPromise

• MathJax.typeset สำหรับสั่งให้ MathJaX ค้นหาสมการคณิตศาสตร์ที่ยังไม่ได้แสดงผล และนำมาแสดงผล
• MathJax.typesetClear และ MathJax.typesetPromise ใช้ในกรณีที่ต้องการระบุ node ที่เก็บสมการคณิตศาสตร์และต้องการให้นำมาแสดงผล วิธีนี้จะทำงานได้เร็วกว่าเพราะไม่ต้องค้นหาทั้งหน้า

สมมติว่าเนื้อหา LaTeX อยู่ที่ node id "latexCode" ต้องการอัพเดทการแสดงผลที่ node id "previewHtml" จะเขียนโค้ดได้ดังนี้

<script>
	let tex = document.getElementById("latexCode").value;
	let preview = document.getElementById("previewHtml");
	preview.innerHTML = tex;
	MathJax.typesetClear([preview]);
	MathJax.typesetPromise([preview]);
</script>
						

latexCode \[ \sum_{n=1}^\infty \frac{1}{n^6+1} = \frac{\pi}{6}\left( \coth\pi + \frac{\sinh\pi + \sqrt 3\sin\pi\sqrt 3}{\cosh\pi - \cos\pi\sqrt 3}\right) - \frac{1}{2} \]

Preview

previewHtml