--- title: "Sematkan MolDraw di Situs Anda | Iframe Editor Molekul Gratis" url: https://www.moldraw.com/id/blog/embed-moldraw.html description: "Sematkan editor MolDraw di situs Anda. Salin satu iframe, tempel ke blog, kursus, halaman dokumentasi, atau aplikasi, lalu atur tinggi bingkai. Dilengkapi pratinjau langsung." lang: id publisher: Scidart Academy generated: 2026-10-26 --- ## Di halaman ini Untuk siapa Salin dan tempel Pratinjau Ukuran bingkai Buka di MolDraw FAQ # Sematkan editor MolDraw di situs Anda Diterbitkan: 18 Sep 2026 · Penulis: Scidart Academy Tambahkan editor molekul langsung ke blog kimia, pelajaran, halaman praktikum, artikel dokumentasi, atau aplikasi. Salin satu iframe, tempel di tempat gambar harus muncul, dan atur tingginya agar kanvas pas dengan tata letak Anda. ![Ilustrasi halaman web dengan editor MolDraw yang disematkan dalam iframe, menampilkan struktur kafein](https://www.moldraw.com/blog/thumbs/embed-moldraw-editor.webp) Satu iframe menempatkan editor MolDraw di dalam artikel blog, pelajaran, atau halaman dokumentasi mana pun. **Versi singkat:** klik Salin kode embed, tempel cuplikan kode ke HTML Anda, dan mulailah dengan tinggi 640 piksel. Pembaca menggambar langsung di tempat. Open in MolDraw membuka editor lengkap di tab baru. ## Untuk siapa Gunakan embed saat pembaca perlu mencoba sebuah struktur di samping penjelasan Anda, bukan hanya melihat gambar. - **Blogger kimia** — kanvas yang berfungsi di bawah artikel tentang reaksi atau struktur. - **Pendidik dan penulis LMS** — kotak gambar di pelajaran, panduan praktikum, atau kumpulan soal. - **Penulis dokumentasi** — editor di samping catatan tentang format, SMILES, atau alur kerja. - **Pembuat aplikasi** — bingkai editor siap pakai di dalam halaman yang sudah punya antarmukanya sendiri. Anda tidak perlu meng-host editor. Bingkai memuatnya dari [https://www.moldraw.com/embed](https://www.moldraw.com/embed). Halaman Anda tetap milik Anda. ## Salin dan tempel Salin kode embed menaruh cuplikan kode ini di clipboard Anda. Tempel ke HTML halaman Anda, blok HTML LMS, atau markup aplikasi Anda. ``` ``` Jika bingkai kosong, situs atau alat kursus Anda mungkin memblokir embed. Gunakan blok HTML atau embed yang mengizinkan iframe. Jika platform tetap menghapus bingkai, tautkan saja ke [www.moldraw.com](https://www.moldraw.com/id/). ## Pratinjau Ini adalah pemutar yang sama dengan yang dimuat cuplikan kode. Gambar sebuah ikatan atau pilih templat. Bilah di bagian atas adalah bagian dari embed. ## Ukuran bingkai Lebarnya 100% sehingga editor memenuhi kolom tempat Anda meletakkannya. Tingginya 640 piksel, cukup untuk bilah alat dan struktur kecil. Naikkan angka `height` untuk kanvas yang lebih besar. Turunkan ke sekitar 480 di halaman pendek, atau gunakan sekitar 800 saat pembaca butuh ruang lebih. Di ponsel, bingkai yang tinggi berarti lebih banyak menggulir. Sesuaikan tinggi dengan tugasnya: sketsa cepat bisa lebih pendek; [skema reaksi](https://www.moldraw.com/id/tools/free-chem-tools/chemical-reaction-drawer.html) butuh ruang lebih. ## Buka di MolDraw Di dalam pemutar, **Open in MolDraw** membuka editor lengkap di [www.moldraw.com](https://www.moldraw.com/id/) pada tab baru. Halaman Anda tetap terbuka. Beri tahu pembaca sekali saja: buat sketsa di sini, dan gunakan Open in MolDraw jika ingin layar penuh. ## FAQ ### Untuk siapa ini? Blogger kimia, pendidik, penulis LMS, penulis dokumentasi, dan pembuat aplikasi yang menginginkan editor molekul di samping teks mereka sendiri. Kurang cocok jika Anda hanya butuh logo atau tangkapan layar. Dalam hal itu, tautkan ke MolDraw atau gunakan gambar. ### Apakah pembaca memerlukan akun? Tidak. Mereka dapat menggambar di bingkai tanpa mendaftar di situs Anda. Open in MolDraw tersedia saat mereka menginginkan editor lengkap. ### Bisakah saya mengubah ukurannya setelah menempel? Bisa. Ubah `height` di cuplikan kode. Biarkan `width="100%"` kecuali tata letak Anda membutuhkan lebar tetap. Pratinjau di halaman ini setinggi 640 piksel di layar lebar dan lebih pendek di ponsel. ### Bingkainya kosong. Lalu bagaimana? Bingkai kosong biasanya berarti host memblokir iframe. Beralihlah ke blok HTML atau embed milik platform. Jika masih gagal, arahkan pembaca ke [www.moldraw.com](https://www.moldraw.com/id/) dengan tautan biasa. Terakhir diperbarui: 14 Oktober 2026 ## Alat & panduan terkait Lanjutkan dengan [penampil spektrum NMR](https://www.moldraw.com/id/tools/nmr-viewer/), [penampil spektrum IR](https://www.moldraw.com/id/tools/ir-viewer/) dan [penampil spektrum massa](https://www.moldraw.com/id/tools/mass-spec-viewer/). Semuanya gratis dan berjalan di peramban Anda. [**Penampil spektrum NMR**Buka file NMR 1H dan 13C](https://www.moldraw.com/id/tools/nmr-viewer/)[**Penampil spektrum IR**Temukan puncak dan gugus fungsi](https://www.moldraw.com/id/tools/ir-viewer/)[**Penampil spektrum massa**Isotop, adduct, dan fragmen yang hilang](https://www.moldraw.com/id/tools/mass-spec-viewer/)[**Penampil spektrum UV-Vis**Lambda maks, Beer-Lambert, celah pita](https://www.moldraw.com/id/tools/uv-vis-viewer/)[**Panduan spektroskopi**Semua panduan membaca](https://www.moldraw.com/guides/)[**Semua alat kimia**Konverter, kalkulator, penampil](https://www.moldraw.com/id/tools/)[**Editor MolDraw**Gambar struktur di peramban Anda](https://www.moldraw.com/id/)[**Belajar MolDraw**Pelajaran praktis singkat](https://www.moldraw.com/learn/)