Sematkan editor MolDraw di situs Anda
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.
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. 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.
<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>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.
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 butuh ruang lebih.
Buka di MolDraw
Di dalam pemutar, Open in MolDraw membuka editor lengkap di www.moldraw.com 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 dengan tautan biasa.