ฝังตัวแก้ไข MolDraw ในเว็บไซต์ของคุณ

เหมาะกับใคร

ใช้การฝังเมื่อต้องการให้ผู้อ่านลองวาดโครงสร้างข้าง ๆ คำอธิบายของคุณ ไม่ใช่แค่ดูรูปภาพ

• บล็อกเกอร์ด้านเคมี — แคนวาสที่ใช้งานได้จริงใต้โพสต์เรื่องปฏิกิริยาหรือโครงสร้าง
• ครูผู้สอนและผู้สร้างเนื้อหาใน LMS — กล่องวาดภาพในบทเรียน คู่มือปฏิบัติการ หรือชุดแบบฝึกหัด
• ผู้เขียนเอกสาร — ตัวแก้ไขข้าง ๆ คำอธิบายรูปแบบไฟล์ SMILES หรือขั้นตอนการทำงาน
• นักพัฒนาแอป — เฟรมตัวแก้ไขพร้อมใช้ภายในหน้าที่มีอินเทอร์เฟซของตัวเองอยู่แล้ว

คุณไม่ต้องโฮสต์ตัวแก้ไขเอง เฟรมจะโหลดจาก https://www.moldraw.com/embed หน้าเว็บของคุณยังเป็นของคุณ

คัดลอกและวาง

ปุ่มคัดลอกโค้ดฝังจะคัดลอกโค้ดนี้ไปยังคลิปบอร์ด วางลงใน HTML ของหน้าเว็บ บล็อก HTML ใน LMS หรือมาร์กอัปของแอปคุณ

<iframe src="https://www.moldraw.com/embed" title="MolDraw editor" width="100%" height="640" style="border:0;border-radius:12px" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></iframe>

หากเฟรมว่างเปล่า เว็บไซต์หรือเครื่องมือคอร์สของคุณอาจบล็อกการฝัง ให้ใช้บล็อก HTML หรือบล็อก embed ที่อนุญาต iframe หากแพลตฟอร์มยังลบเฟรมออก ให้ลิงก์ไปที่ www.moldraw.com แทน

ตัวอย่าง

นี่คือเพลเยอร์เดียวกับที่โค้ดโหลด ลองวาดพันธะหรือเลือกแม่แบบ แถบด้านบนเป็นส่วนหนึ่งของตัวฝัง

กำหนดขนาดเฟรม

ความกว้าง 100% เพื่อให้ตัวแก้ไขเต็มคอลัมน์ที่คุณวางไว้ ความสูง 640 พิกเซล พอสำหรับแถบเครื่องมือและโครงสร้างขนาดเล็ก เพิ่มตัวเลข height เพื่อให้แคนวาสใหญ่ขึ้น ลดลงไปใกล้ 480 สำหรับหน้าที่สั้น หรือใช้ประมาณ 800 เมื่อผู้อ่านต้องการพื้นที่มากขึ้น

บนโทรศัพท์ เฟรมที่สูงหมายถึงต้องเลื่อนมากขึ้น ปรับความสูงให้เหมาะกับงาน: ภาพร่างสั้น ๆ ใช้เฟรมเตี้ยได้ ส่วนแผนภาพปฏิกิริยาต้องการพื้นที่มากกว่า

เปิดใน MolDraw

ภายในเพลเยอร์ Open in MolDraw จะเปิดตัวแก้ไขฉบับเต็มที่ www.moldraw.com ในแท็บใหม่ หน้าของคุณยังเปิดอยู่ บอกผู้อ่านสักครั้งว่า: ร่างภาพที่นี่ และใช้ Open in MolDraw หากต้องการเต็มหน้าจอ

คำถามพบบ่อย

เหมาะกับใคร

บล็อกเกอร์ด้านเคมี ครูผู้สอน ผู้สร้างเนื้อหาใน LMS ผู้เขียนเอกสาร และนักพัฒนาแอปที่ต้องการโปรแกรมแก้ไขโมเลกุลไว้ข้างเนื้อหาของตนเอง ไม่เหมาะหากคุณต้องการแค่โลโก้หรือภาพหน้าจอ ในกรณีนั้นให้ลิงก์ไปยัง MolDraw หรือใช้รูปภาพ

ผู้อ่านต้องมีบัญชีหรือไม่

ไม่ต้อง ผู้อ่านวาดในเฟรมได้โดยไม่ต้องสมัครสมาชิกบนเว็บไซต์ของคุณ และมี Open in MolDraw ไว้เมื่อต้องการตัวแก้ไขฉบับเต็ม

เปลี่ยนขนาดหลังวางแล้วได้หรือไม่

ได้ แก้ height ในโค้ด ปล่อย width="100%" ไว้ เว้นแต่เลย์เอาต์ของคุณต้องการความกว้างคงที่ ตัวอย่างในหน้านี้สูง 640 พิกเซลบนจอกว้าง และสั้นลงบนโทรศัพท์

เฟรมว่างเปล่า ต้องทำอย่างไร

เฟรมว่างมักหมายความว่าโฮสต์บล็อก iframe ให้เปลี่ยนไปใช้บล็อก HTML หรือบล็อก embed ของแพลตฟอร์ม หากยังไม่ได้ ให้ส่งผู้อ่านไปที่ www.moldraw.com ด้วยลิงก์ธรรมดา