Jika Anda mengelola Akun Resmi WeChat (atau publikasi rich-text apa pun), Anda pasti pernah melihat tata letak yang ingin Anda pakai ulang — kartu bagian berjudul, blok ikuti-kami, kutipan bergaya, sebuah pemisah. Menyalinnya secara manual berarti menggali HTML bersarang, dan satu suntingan keliru merusak seluruh SVG. Alat ini melakukan bagian yang merepotkan untuk Anda: tempel artikel, dan ia menarik tiap blok bergaya sebagai modul independen yang bisa dipakai ulang.
Dari sana Anda bisa menukar gambar di dalam blok (unggah yang baru atau tempel URL), mewarnai ulang dengan mengeklik warna apa pun yang dipakainya, menyalin blok sebagai HTML inline siap tempel ke editor WeChat, CMS, atau kotak rich-text mana pun — dan menyimpan yang Anda suka ke pustaka lokal yang tinggal di browser ini. Tidak ada yang diunggah; materi Anda milik Anda.
Karena semuanya berjalan di sisi klien dengan API Clipboard dan localStorage, tidak ada akun, tidak ada cloud, dan tidak ada backend — gagasan lokal-pertama yang sama yang mendasari seluruh IMG.DIY.
Cara pakai
- Tempel artikelSalin artikel WeChat (atau konten kaya apa pun) dan tempel ke kotak. Anda juga bisa menempel sumber HTML mentah.
- Ekstrak modulnyaKlik Ekstrak — setiap blok bergaya muncul sebagai kartu pratinjau tersendiri, terisolasi agar gaya halaman tidak mengganggu.
- Sunting dan pakai ulangTukar gambar, warnai ulang, lalu Salin HTML untuk ditempel di tempat lain, atau Simpan ke pustaka lokal Anda untuk lain kali.
Kenapa mengekstrak modul tata letak alih-alih membangunnya ulang
Blok-blok cantik dalam artikel WeChat — kartu bagian berjudul, ajakan ikuti-kami, kutipan bergaya, pembatas SVG — hampir selalu berupa HTML dan SVG inline yang dirakit tangan. Membangun ulang satu blok dari nol berarti mencocokkan bantalan, warna, gradien, dan span bersarang secara persis, dan satu suntingan yang salah membuat SVG-nya runtuh. Mengekstrak blok yang sudah jadi justru menjaga setiap detail tetap utuh dan mengubahnya menjadi sesuatu yang bisa Anda pakai ulang dalam hitungan detik.
Alat ini mengurai artikel yang Anda tempel dan mengangkat setiap blok bergaya sebagai modul mandiri. Anda tidak mengeruk seluruh halaman menjadi satu gumpalan; Anda mendapat daftar rapi berisi potongan individual yang bisa dipakai ulang — persis yang Anda inginkan saat melihat tata letak bagus di postingan orang lain.
Lokal lebih dulu, jadi aset itu benar-benar milik Anda
Editor cloud menyimpan blok Anda di server mereka di balik sebuah akun. Di sini pustaka tinggal di browser Anda sendiri lewat localStorage, dan Anda bisa mengekspornya ke file JSON untuk mencadangkan atau memindahkannya antarmesin. Tidak ada yang diunggah, tidak ada pendaftaran, dan penguraian, penukaran gambar, serta pewarnaan ulang semuanya berjalan di perangkat Anda dengan DOM dan Clipboard API milik browser.
Imbalan praktisnya adalah pustaka modul yang pribadi dan portabel yang tumbuh seiring Anda bekerja: tempel sebuah artikel, simpan dua atau tiga blok yang layak dipakai ulang, dan lain kali seret langsung kembali sebagai HTML inline.
Untuk apa orang memakainya
Pakai ulang tata letak yang Anda suka — Lihat kartu berjudul atau pembatas yang bagus di artikel lain — ekstrak, warnai ulang ke merek Anda, dan salin ke draf Anda sendiri.
Bangun kit gaya rumahan — Kumpulkan header bagian, gaya kutipan, dan kartu ikuti-kami yang Anda pakai setiap edisi ke dalam satu pustaka lokal.
Tukar gambar dalam blok templat — Simpan tata letak kartu gambar favorit dan cukup ganti fotonya tiap kali dengan unggahan Anda sendiri.
Warnai ulang ke merek Anda — Ubah warna aksen sebuah blok di semua tempat sekaligus alih-alih memburu di antara gaya inline.
Pindahkan blok antar-editor — Salin HTML inline yang tertempel dengan gaya tetap utuh ke editor WeChat, CMS, atau kotak teks kaya mana pun.
Simpan koleksi pribadi yang portabel — Ekspor pustaka Anda sebagai JSON untuk mencadangkannya atau membawanya ke browser lain — tanpa akun, tanpa cloud.
Blok tata letak yang bagus terperangkap di dalam artikel orang lain
Siapa pun yang mengelola Akun Resmi WeChat mengumpulkan blok tata letak dengan cara yang lambat. Anda membaca sebuah artikel dengan kartu judul SVG yang indah, panel "ikuti kami" yang rapi, header bagian dengan tab berwarna di sisinya, dan Anda berpikir: saya ingin struktur itu. Jadi Anda menyalin seluruh artikel ke editor Anda, lalu menghabiskan dua puluh menit menghapus segalanya kecuali satu blok yang Anda inginkan, berdoa agar tidak tergores <span> liar yang membuat SVG-nya runtuh. Tipografi SVG WeChat terkenal rapuh — satu atribut yang salah tempat, satu gambar yang Anda ubah ukurannya di tempat yang salah, dan kartunya tampil sebagai kotak rusak di separuh ponsel pembaca. Blok yang Anda inginkan itu nyata, bisa dipakai ulang, dan duduk persis di sana dalam HTML, tetapi tidak ada cara bersih untuk mengangkat satu keluar dan menyimpannya.
Separuh lain dari kepedihannya adalah kepemilikan. Jawaban yang jelas adalah editor template seperti 秀米 atau 135编辑器: pustaka raksasa, seret-dan-jatuhkan, benar-benar kuat. Tetapi asetnya hidup di cloud mereka, di balik akun, dan sering di balik tingkat keanggotaan. Kit gaya yang Anda rakit dengan cermat bukanlah folder yang Anda miliki — melainkan login yang Anda sewa. Jika Anda ingin menyerahkan sebuah blok ke rekan tim, mengubah satu warna di seluruh kartu sekaligus, atau sekadar menyimpan pustaka pribadi berisi lima header yang benar-benar Anda pakai ulang, Anda bekerja di dalam produk orang lain dengan syarat orang lain.
Alat ini mengambil pendekatan sebaliknya. Anda menempelkan sebuah artikel (atau konten kaya apa pun, atau HTML mentah) dan ia mengurai markup itu langsung di browser Anda, menarik keluar setiap blok bergaya yang bisa dipakai ulang — kartu tipografi SVG, header bagian berjudul, kartu ikuti-kami, kutipan bergaya, pembatas — sebagai modul independennya sendiri. Dari sana Anda menyunting masing-masing secara langsung: menukar gambar di dalam kartu, mewarnai ulang, menyalinnya sebagai HTML inline bersih yang siap ditempel ke editor WeChat atau kotak teks-kaya apa pun, dan menyimpannya ke pustaka lokal yang bisa Anda ekspor sebagai JSON. Tidak ada yang diunggah, tidak ada akun, dan begitu halaman dimuat ia tetap bekerja offline. Satu batas jujur di muka: ia tidak bisa mengambil artikel lewat URL-nya — browser memblokir permintaan lintas-situs ke mp.weixin.qq.com, jadi masukannya selalu salin-tempel.
Apa yang membuatnya berbeda
- Lokal-dulu, tidak ada yang diunggah. Penguraian terjadi di browser dengan
DOMParser. Artikel yang Anda tempel tidak pernah meninggalkan mesin Anda — tanpa server, tanpa akun, tanpa backend. - Ekstraksi per-modul. Setiap blok bergaya keluar sebagai modul terpisah dan mandiri alih-alih dinding markup kusut yang harus Anda pangkas dengan tangan.
- Tukar gambar, di tempat. Ganti gambar di dalam kartu dengan mengunggah yang baru atau menempelkan URL gambar — tanpa menyentuh struktur SVG di sekelilingnya yang membuatnya rapuh.
- Warnai ulang di mana-mana sekaligus. Klik warna apa pun yang dipakai modul dan ubah di seluruh blok dalam satu gerakan, sehingga kartu cocok dengan merek Anda tanpa berburu di antara kode hex.
- Salinan HTML-inline yang bersih. Satu klik menaruh modul di papan klip Anda sebagai HTML inline (lewat Clipboard API), siap ditempel langsung ke editor WeChat, CMS, atau field teks-kaya apa pun.
- Pustaka yang Anda miliki. Simpan modul ke penyimpanan lokal dan ekspor atau impor seluruh koleksi sebagai JSON — kit aset yang nyata dan portabel, bukan login yang Anda sewa.
- Pratinjau terisolasi. Setiap modul dirender di dalam Shadow DOM, jadi gaya satu blok tidak bisa bocor ke yang lain dan pratinjau menunjukkan persis apa yang akan Anda tempel.
- Bekerja offline begitu dimuat. Setelah halaman dimuat, tidak butuh koneksi untuk mengekstrak, menyunting, atau menyalin.
IMG.DIY vs alat tata letak lain
| Ekstraktor Modul IMG.DIY | 秀米 (xiumi.us) | 135编辑器 | i排版 | Salin HTML dengan tangan | |
|---|---|---|---|---|---|
| Tujuan inti | Ekstrak & miliki blok yang bisa dipakai ulang | Editor template lengkap | Editor template lengkap | Editor template lengkap | — |
| Pustaka template | Tidak ada (Anda bangun dari yang Anda tempel) | Raksasa | Raksasa | Besar | Tidak ada |
| Perlu akun | Tidak | Ya | Ya | Ya | Tidak |
| Ada yang diunggah | Tidak | Ya (cloud) | Ya (cloud) | Ya (cloud) | Tidak |
| Memiliki aset | Ya (JSON lokal) | Disewa / cloud | Disewa / cloud | Disewa / cloud | Ya, tapi manual |
| Tukar gambar per-blok | Ya | Ya (di editor) | Ya (di editor) | Ya (di editor) | Manual |
| Warnai ulang seluruh blok | Ya, satu klik | Ya (di editor) | Ya (di editor) | Ya (di editor) | Manual |
| Bekerja offline | Ya, begitu dimuat | Tidak | Tidak | Tidak | Ya |
| Harga | Gratis | Tingkat gratis + berbayar | Tingkat gratis + berbayar | Tingkat gratis + berbayar | Gratis |
Adilnya, ini bukan pengganti editor template, dan ia tidak berpura-pura begitu. 秀米, 135编辑器, dan i排版 adalah produk matang dengan pustaka template yang sangat besar, tata letak seret-dan-jatuhkan langsung, dan poles bertahun-tahun — jika Anda membangun artikel kaya dari nol, di situlah Anda pergi, dan mereka layak mendapat reputasinya. Yang tidak mereka beri Anda adalah folder pribadi dan portabel berisi blok spesifik yang Anda pakai ulang, bisa disunting tanpa login dan bebas dari apa pun yang meninggalkan mesin Anda. Alat ini adalah ekstraktor dan pengatur, bukan editor: ia mengubah blok yang Anda kagumi di alam bebas menjadi modul yang Anda miliki, warnai ulang, gambar ulang, dan tempel di mana pun. Pakai editor besar untuk menyusun; pakai ini untuk menyimpan kepingannya.
Kenapa IMG.DIY
Ekstraksi blok
Menarik kartu SVG, header, kutipan, dan pemisah sebagai modul independen.
Tukar gambar inline
Ganti gambar apa pun di blok dengan milik Anda — unggah atau URL.
Warnai ulang satu klik
Klik warna apa pun yang dipakai blok dan ubah di semua tempat sekaligus.
Salin HTML inline
Tempel langsung ke editor WeChat, CMS, atau kotak rich-text mana pun.
Pustaka lokal
Simpan modul ke browser ini dan ekspor/impor sebagai JSON.
Tanpa unggahan
Berjalan sepenuhnya di browser Anda — materi Anda tidak pernah meninggalkan perangkat.