---
title: "ฝัง MolDraw ในเว็บไซต์ของคุณ | Iframe ตัวแก้ไขโมเลกุลฟรี"
url: https://www.moldraw.com/th/blog/embed-moldraw.html
description: "ฝังตัวแก้ไข MolDraw บนเว็บไซต์ของคุณ คัดลอก iframe เดียว วางลงในบล็อก คอร์ส หน้าเอกสาร หรือแอป แล้วตั้งความสูงของเฟรม พร้อมตัวอย่างแสดงผลจริง"
lang: th
publisher: Scidart Academy
generated: 2026-10-26
---
## ในหน้านี้

เหมาะกับใคร คัดลอกและวาง ตัวอย่าง กำหนดขนาดเฟรม เปิดใน MolDraw คำถามพบบ่อย

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

เผยแพร่: 18 ก.ย. 2026 · ผู้เขียน: Scidart Academy

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

![ภาพประกอบหน้าเว็บที่ฝังตัวแก้ไข MolDraw ไว้ใน iframe แสดงโครงสร้างคาเฟอีน](https://www.moldraw.com/blog/thumbs/embed-moldraw-editor.webp)

iframe เดียวก็ใส่ตัวแก้ไข MolDraw ลงในโพสต์บล็อก บทเรียน หรือหน้าเอกสารใดก็ได้

**ฉบับย่อ:** คลิกคัดลอกโค้ดฝัง วางโค้ดลงใน HTML ของคุณ และเริ่มที่ความสูง 640 พิกเซล ผู้อ่านวาดได้ทันทีในหน้า ส่วน Open in MolDraw จะเปิดตัวแก้ไขฉบับเต็มในแท็บใหม่

## เหมาะกับใคร

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

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

คุณไม่ต้องโฮสต์ตัวแก้ไขเอง เฟรมจะโหลดจาก [https://www.moldraw.com/embed](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](https://www.moldraw.com/th/) แทน

## ตัวอย่าง

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

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

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

บนโทรศัพท์ เฟรมที่สูงหมายถึงต้องเลื่อนมากขึ้น ปรับความสูงให้เหมาะกับงาน: ภาพร่างสั้น ๆ ใช้เฟรมเตี้ยได้ ส่วน[แผนภาพปฏิกิริยา](https://www.moldraw.com/th/tools/free-chem-tools/chemical-reaction-drawer.html)ต้องการพื้นที่มากกว่า

## เปิดใน MolDraw

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

## คำถามพบบ่อย

### เหมาะกับใคร

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

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

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

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

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

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

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

อัปเดตล่าสุด: 14 ตุลาคม 2026

## เครื่องมือและคู่มือที่เกี่ยวข้อง

ใช้งานต่อด้วย[โปรแกรมดูสเปกตรัม NMR](https://www.moldraw.com/th/tools/nmr-viewer/) [โปรแกรมดูสเปกตรัม IR](https://www.moldraw.com/th/tools/ir-viewer/) และ[โปรแกรมดูแมสสเปกตรัม](https://www.moldraw.com/th/tools/mass-spec-viewer/) ใช้ฟรีและทำงานในเบราว์เซอร์ของคุณ

[**โปรแกรมดูสเปกตรัม NMR**เปิดไฟล์ NMR ของ 1H และ 13C](https://www.moldraw.com/th/tools/nmr-viewer/)[**โปรแกรมดูสเปกตรัม IR**หาพีกและหมู่ฟังก์ชัน](https://www.moldraw.com/th/tools/ir-viewer/)[**โปรแกรมดูแมสสเปกตรัม**ไอโซโทป แอดดักต์ และการสูญเสียชิ้นส่วน](https://www.moldraw.com/th/tools/mass-spec-viewer/)[**โปรแกรมดูสเปกตรัม UV-Vis**แลมบ์ดาแมกซ์ เบียร์-แลมเบิร์ต แถบช่องว่างพลังงาน](https://www.moldraw.com/th/tools/uv-vis-viewer/)[**คู่มือสเปกโทรสโกปี**คู่มือการอ่านทั้งหมด](https://www.moldraw.com/guides/)[**เครื่องมือเคมีทั้งหมด**ตัวแปลง เครื่องคำนวณ โปรแกรมดู](https://www.moldraw.com/th/tools/)[**ตัวแก้ไข MolDraw**วาดโครงสร้างในเบราว์เซอร์ของคุณ](https://www.moldraw.com/th/)[**เรียนรู้ MolDraw**บทเรียนสั้น ๆ แบบลงมือทำ](https://www.moldraw.com/learn/)