เคยสงสัยมั้ยครับว่า ทำอย่างไรถึงจะได้สมการสวยๆ อย่างที่อยากได้ โดยที่ไม่ต้องเซฟเป็นภาพมาแปะไว้ เพราะถ้าเป็นภาพมาแปะไว้ เวลาแก้ที ก็ต้องกลับไปเซฟภาพมาอัพโหลดใหม่ เสียเวลาใช่มั้ยล่ะครับ

$$\int_0^1{\int_0^1{\sin{\left(\frac{\sin{Nx}}{\sin{x}}\right)}dx}dy}$$

มาเริ่มกันเลยนะครับ

  1. โหลดไฟล์ ASCIIMathML.js จากหน้าดาวโหลดของเว็บ http://mathcs.chapman.edu/~jipsen/mathml/asciimathdownload.html มา จากนั้นเปลี่ยนนามสกุลของไฟล์ ASCIIMathML.js ไปเป็น ASCIIMathML.jpg เปลี่ยนทำไมน่ะหรอ ก็เปลี่ยนเพื่อให้อัพโหลดขึ้นไปเก็บไว้กับ Exteen ได้ไงล่ะครับ เสร็จแล้วก็อัพโหลดไปเก็บไว้ที่ Exteen ได้เลยครับ ของผมเก็บไว้ที่ http://monoguy.exteen.com/images/ASCIIMathML.jpg ครับ
  2. เสร็จแล้วก็กดปุ่ม New Entry กันเลยครับ แล้วจัดการ กดที่ Disable WYSIWYG (ด้านล่างขวา) เพื่อให้เราสามารถแทรกสคริปที่จะทำให้สมการเราสวยลงไปครับ จากนั้นด้านบนสุดของเนื้อหา ก็ใส่โค้ดโหลดสคริปแบบนี้ลงไปครับ
    <script type="text/javascript" src="http://monoguy.exteen.com/images/ASCIIMathML.jpg">
    </script>
    สำหรับคนที่ยังไม่อยากทำข้อ 1 ให้เสียเวลา ก็สามารถทดลองโดยการเอาสคริปนี้ไปใส่ไว้ชั่วคราวได้ครับ เอ็นทรี่ของคุณก็จะแอบมาโหลดสคริปนี้จาก account ของผมไปใช้ได้เช่นกัน แต่สำหรับคนที่คิดจะใช้บ่อยๆ ก็ขอให้ทำครับ เพราะว่าวันดีคืนดีผมอาจจะย้ายไฟล์นี้ หรือ เปลี่ยนตำแหน่งไฟล์นี้ เอ็นทรี่นั้นๆ ของคุณก็จะเต็มไปด้วยโค้ดที่อ่านไม่ค่อยออกก็เป็นได้
  3. ต่อไปมาถึงขั้นตอนการเขียนกันบ้างแล้วครับ ผมขอแนะนำคร่าวๆ ดังนี้ครับ
    • พิมพ์สัญลักษณ์คณิตศาสตร์ภายในเครื่องหมาย \$ สองอัน เช่น \$โค้ดสมการอยู่ในนี้\$
    • ยกกำลังหรือตัวห้อย $x^{15}$ พิมพ์ \$x^{15}\$ ส่วน $A_{m,n}$ พิมพ์ \$A_{m,n}\$
    • เศษส่วน $\frac{3x-5}{4y+3}$ พิมพ์ \$\frac{3x-5}{4y+3}\$
    • ลิมิต $\lim_{x\rightarrow \infty}\frac{x^2-3x+4}{4x-3x^2+5}$ พิมพ์ \$\lim_{x\rightarrow \infty}\frac{x^2-3x+4}{4x-3x^2+5}\$
    • Summation $\sum_{n=1}^{10}{2n+3}$ พิมพ์ \$\sum_{n=1}^{10}{2n+3}\$
    • ฯลฯ
    ผมยกตัวอย่างแค่พอหอมปากหอมคอ ใครสนใจใช้งานจริงก็ลองศึกษาได้จากเว็บที่เผยแพร่สคริปนี้ได้เลยครับ
  4. ผมมีคำแนะนำในการเขียนนิดหน่อยครับ เพื่อความสะดวก ผมมักจะเปิด WYSIWYG ไว้ก่อน แล้วพิมพ์เนื้อหาทั้งหมดให้เสร็จพร้อมสมการ จากนั้นผมค่อยสั่ง Disable WYSIWYG แล้วค่อยมาเติมสคริปและแก้ส่วนที่เป็นสมการให้แสดงผลได้ภายหลังครับ

ปล. 1. เอ็นทรี่นี้ตามคำเรียกร้องของน้อง TonHor ครับ
ปล. 2. ผมได้รับคำแนะนำการใช้งาน และตัวอย่างการเอาสคริปมาใช้ ทั้งหมดนี้จากคุณ sukoom2001

 

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

อื้อหือ ไม่น่าเชื่อว่าจะสามารถทำได้โดยตรงในเอนทรีขนาดนี้

#1 By Wpotion&Saymonica on 2009-05-03 14:26

รวดเร็วทันใจมากเลยครับ

เดียวต้องลองๆ big smile

ขอบคุณครับ

#2 By TonHor on 2009-05-03 17:39

เห็นตอนแรกนึกว่าใช้แค่ <math> เขียนเอง
ที่แท้มี script ด้วย -0-

#3 By Naana on 2009-05-03 18:49

@Wpotion&Saymonica ด้วย javascript อะไรๆ ก็ง่ายไปหมด แต่เสียที่มันจะทำให้ช้าลงตอนโหลดนี่ละครับ
@TonHor กำลังไม่มีเรื่องเขียนอยู่เลย มีคนมากระซิบให้เขียนนี่ ผมเองต้องเป็นฝ่ายขอบคุณมากกว่า :)
@Naana Otohime จริงๆ แล้วถ้าไม่อยากใช้ script ก็สามารถใช้ online editor ของ chapman.edu ที่ http://www1.chapman.edu/~jipsen/mathml/asciimatheditor/ แล้วลอกโค้ดในแบบ mathml มาก็ได้เช่นกันครับ

#4 By monoguy on 2009-05-03 20:41

เอามาแจมครับ เป็นวิธีลงเป็นแบบรูปภาพที่ไม่ต้องอัพโหลดเองครับ

http://www.codecogs.com/eq.latex?{ใส่โค้ดตรงนี้ครับ ไม่ต้องใช้ $ $}

เช่น http://www.codecogs.com/eq.latex?\300dpi {e^{\pi i}+1=0}

สังเกตว่าเราปรับ dpi ของรูปได้ครับ 100 200 .. 900dpi
คราวนี้ก็แปะเป็นรูปปกติครับ เวลาแก้ก็มาแก้ใน url ได้เลย open-mounthed smile
มีตัวช่วยสร้างโค้ดที่นี่ครับ http://www.codecogs.com/components/equationeditor/equationeditor.php

จริงๆแล้วที่ wordpress ก็ทำ engine เป็นของตัวเองครับ กำหนดสี background/foreground ได้ด้วย สังเกตดูจาก url ข้างล่างครับ ไปจิ๊กมาใช้ได้เหมือนกัน open-mounthed smile

http://s1.wordpress.com/latex.php?latex=i^3=n&bg=ff1139&fg=000000

#5 By Bucky Ball on 2009-06-04 22:27

ขอลองทดสอบว่า script ใช้กับ comment ได้รึป่าวครับ open-mounthed smile
$e{\pi i} + 1 = 0$

#6 By Bucky Ball on 2009-06-04 22:35

โอ้ ใช้ได้ครับ
ตะกี้ลืมยกกำลัง แหะๆ เอาใหม่ $e^{pi i}+1=0$

#7 By Bucky Ball on 2009-06-04 22:37

พิมพ์ผิดอยู่เรื่อย ลบอันบนทิ้งได้เลยครับ sad smile
$e^{\pi i}+1=0$

#8 By Bucky Ball on 2009-06-04 22:39

แอบมาถล่ม ไม่บอกกันเลย sad smile

#9 By (161.200.255.162) on 2009-06-08 19:23

ดีๆ

#10 By ดีๆ (124.157.236.229) on 2009-09-23 03:18

big smile big smile big smile

#11 By Cheap Toys Games (117.47.84.196) on 2009-09-30 02:59

big smile big smile big smile

#12 By Cheap Casio Watches (117.47.106.157) on 2009-09-30 16:44

big smile big smile big smile

#13 By Cheap iPod Classic (117.47.106.157) on 2009-09-30 16:44

big smile big smile big smile

#14 By cheap Nintendo wii (117.47.106.157) on 2009-09-30 16:44

big smile big smile big smile

#15 By Cheap Toys (117.47.106.157) on 2009-09-30 16:45

big smile big smile big smile

#16 By Buy Cheap Aldo Shoes (117.47.106.157) on 2009-09-30 16:45

big smile big smile big smile

#17 By Cheap Polo Ralph Lauren (222.123.102.69) on 2009-10-02 17:16

Que

#18 By sera (124.157.236.176) on 2009-10-04 08:13

big smile big smile big smile

#19 By เพลงออนไลน์ (222.123.77.130) on 2009-10-05 21:02

Spreadfirefox Affiliate Button
Creative Commons License
เนื้อหาทั้งหมดบล็อกนี้อนุญาตให้ใช้ได้อย่างเสรี ตามเงื่อนไขในสัญญาอนุญาต Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License