Jika anda mengendalikan Akaun Rasmi WeChat (atau sebarang penerbitan teks kaya), anda pernah melihat susun atur yang anda harap dapat guna semula — kad seksyen bertajuk, blok ikuti-kami, petikan bergaya, pemisah. Menyalinnya dengan tangan bermakna menggali HTML bersarang, dan satu suntingan salah merosakkan seluruh SVG. Alat ini melakukan bahagian menyusahkan itu untuk anda: tampal artikel, dan ia menarik setiap blok bergaya keluar sebagai modul bebas yang boleh guna semula.
Dari situ anda boleh tukar imej dalam blok (muat naik yang baharu atau tampal URL), warna semula dengan mengklik mana-mana warna yang digunakannya, salin blok sebagai HTML sebaris yang sedia ditampal ke dalam penyunting WeChat, CMS, atau sebarang kotak teks kaya — dan simpan yang anda suka ke pustaka tempatan yang wujud dalam pelayar ini. Tiada apa-apa dimuat naik; bahan anda milik anda.
Kerana semuanya berjalan di sisi klien dengan API Clipboard dan localStorage, tiada akaun, tiada awan, dan tiada bahagian belakang — idea tempatan-dahulu yang sama di sebalik seluruh tools.faxianai.com.
Cara guna
- Tampal artikelSalin artikel WeChat (atau sebarang kandungan kaya) dan tampal ke dalam kotak. Anda juga boleh tampal sumber HTML mentah.
- Ekstrak modulKlik Ekstrak — setiap blok bergaya muncul sebagai kad pratontonnya sendiri, diasingkan supaya gaya halaman tidak boleh mengganggu.
- Sunting dan guna semulaTukar imej, warna semula, kemudian Salin HTML untuk ditampal di tempat lain, atau Simpan ke pustaka tempatan anda untuk kali seterusnya.
Mengapa mengekstrak modul susun atur berbanding membinanya semula
Blok yang kelihatan cantik dalam artikel WeChat — kad seksyen bertajuk, gesaan ikut-kami, petikan bergaya, pembahagi SVG — hampir selalunya HTML dan SVG sebaris yang dipasang dengan tangan. Membina semula satu daripada awal bermakna memadankan pad, warna, gradien dan span bersarang dengan tepat, dan satu suntingan yang salah meruntuhkan SVG. Mengekstrak blok yang siap sebaliknya mengekalkan setiap perincian utuh dan menukarnya menjadi sesuatu yang boleh anda guna semula dalam beberapa saat.
Alat ini menghurai artikel yang anda tampal dan mengangkat setiap blok bergaya keluar sebagai modul bebas. Anda bukan mengikis keseluruhan halaman menjadi satu gumpalan; anda mendapat senarai kepingan individu yang kemas dan boleh diguna semula — perkara tepat yang anda mahukan apabila anda melihat susun atur yang cantik dalam siaran orang lain.
Utamakan setempat, jadi aset itu benar-benar milik anda
Penyunting awan menyimpan blok yang anda simpan pada pelayan mereka di sebalik akaun. Di sini pustaka itu tinggal dalam pelayar anda sendiri melalui localStorage, dan anda boleh mengeksportnya ke fail JSON untuk sandaran atau memindahkannya antara mesin. Tiada apa-apa dimuat naik, tiada pendaftaran, dan penghuraian, pertukaran imej serta pewarnaan semula semuanya berjalan pada peranti anda dengan API DOM dan Clipboard pelayar sendiri.
Ganjaran praktikalnya ialah pustaka modul peribadi dan mudah alih yang berkembang semasa anda bekerja: tampal artikel, kekalkan dua atau tiga blok yang berbaloi diguna semula, dan kali seterusnya seret ia terus keluar sebagai HTML sebaris.
Untuk apa orang menggunakannya
Guna semula susun atur yang anda suka — Melihat kad bertajuk atau pembahagi yang cantik dalam artikel lain — ekstrak, warnai semula kepada jenama anda, dan salin ke dalam draf anda sendiri.
Bina kit gaya rumah — Kumpulkan pengepala seksyen, gaya petikan dan kad ikut-kami yang anda gunakan setiap keluaran ke dalam satu pustaka setempat.
Tukar imej dalam blok templat — Kekalkan susun atur kad imej kegemaran dan cuma gantikan gambar setiap kali dengan muat naik anda sendiri.
Warnai semula kepada jenama anda — Tukar warna aksen sesuatu blok di semua tempat sekali gus dan bukan memburu melalui gaya sebaris.
Pindahkan blok antara penyunting — Salin HTML sebaris yang ditampal dengan gaya utuh ke dalam penyunting WeChat, CMS, atau mana-mana kotak teks kaya.
Simpan stok peribadi yang mudah alih — Eksport pustaka anda sebagai JSON untuk menyandarkannya atau membawanya ke pelayar lain — tiada akaun, tiada awan.
Blok susun atur yang bagus terperangkap di dalam artikel orang lain
Sesiapa yang mengendalikan Akaun Rasmi WeChat mengumpul blok susun atur dengan cara yang perlahan. Anda membaca artikel dengan kad tajuk SVG yang cantik, panel "ikut kami" yang kemas, pengepala seksyen dengan tab berwarna di sisinya, dan anda fikir: saya mahu struktur itu. Jadi anda menyalin keseluruhan artikel ke dalam penyunting anda, kemudian menghabiskan dua puluh minit memadam segalanya kecuali satu blok yang anda mahu, berdoa anda tidak tersilap mengambil <span> sesat yang membuatkan SVG runtuh. Tipografi SVG WeChat terkenal rapuh — satu atribut salah letak, satu imej yang anda ubah saiz di tempat yang salah, dan kad dipaparkan sebagai kotak rosak pada separuh telefon pembaca. Blok yang anda mahu adalah nyata, boleh guna semula, dan berada tepat di situ dalam HTML, tetapi tiada cara yang bersih untuk mengangkat satu keluar dan menyimpannya.
Separuh lagi kesukaran ialah pemilikan. Jawapan yang jelas ialah penyunting templat seperti 秀米 atau 135编辑器: pustaka yang sangat besar, seret-dan-lepas, benar-benar berkuasa. Tetapi aset tinggal di awan mereka, di sebalik akaun, dan selalunya di sebalik peringkat keahlian. Kit gaya anda yang disusun dengan teliti bukan folder yang anda miliki — ia log masuk yang anda sewa. Jika anda mahu menyerahkan blok kepada rakan sepasukan, mengubah suai warna merentasi setiap kad sekali gus, atau sekadar menyimpan pustaka peribadi lima pengepala yang anda sebenarnya guna semula, anda bekerja di dalam produk orang lain atas terma orang lain.
Alat ini mengambil pendekatan sebaliknya. Anda tampal artikel (atau apa-apa kandungan kaya, atau HTML mentah) dan ia menghurai markup terus dalam pelayar anda, menarik keluar setiap blok bergaya yang boleh guna semula — kad tipografi SVG, pengepala seksyen bertajuk, kad ikut-kami, petikan bergaya, pembahagi — sebagai modul bebasnya sendiri. Dari situ anda menyunting setiap satu secara langsung: tukar imej di dalam kad, warnakan semula, salin sebagai HTML sebaris yang bersih sedia ditampal ke penyunting WeChat atau mana-mana kotak teks kaya, dan simpan ke pustaka setempat yang boleh anda eksport sebagai JSON. Tiada apa-apa dimuat naik, tiada akaun, dan sebaik halaman dimuatkan ia terus berfungsi luar talian. Satu had jujur di hadapan: ia tidak boleh mengambil artikel melalui URL-nya — pelayar menyekat permintaan rentas-laman ke mp.weixin.qq.com, jadi input sentiasa salin-tampal.
Apa yang membezakannya
- Setempat-dahulu, tiada apa-apa dimuat naik. Penghuraian berlaku dalam pelayar dengan
DOMParser. Artikel yang anda tampal tidak pernah meninggalkan mesin anda — tiada pelayan, tiada akaun, tiada backend. - Pengekstrakan setiap modul. Setiap blok bergaya keluar sebagai modul berasingan dan lengkap sendiri dan bukannya dinding markup yang berkusut yang perlu anda pangkas dengan tangan.
- Tukar imej, di tempatnya. Ganti gambar di dalam kad dengan memuat naik yang baharu atau menampal URL imej — tanpa menyentuh struktur SVG sekeliling yang membuatnya rapuh.
- Warnakan semula di mana-mana sekali gus. Klik mana-mana warna yang modul guna dan ubah ia merentasi keseluruhan blok dalam satu gerakan, jadi kad sepadan dengan jenama anda tanpa memburu kod hex.
- Salinan HTML-sebaris yang bersih. Satu klik meletakkan modul pada papan keratan anda sebagai HTML sebaris (melalui Clipboard API), sedia ditampal terus ke penyunting WeChat, CMS, atau mana-mana medan teks kaya.
- Pustaka yang anda miliki. Simpan modul ke storan setempat dan eksport atau import keseluruhan koleksi sebagai JSON — kit aset yang sebenar dan mudah alih, bukan log masuk yang anda sewa.
- Pratonton terpencil. Setiap modul dipaparkan dalam Shadow DOM, jadi gaya satu blok tidak boleh bocor ke yang lain dan pratonton menunjukkan anda tepat apa yang anda akan tampal.
- Berfungsi luar talian sebaik dimuatkan. Selepas halaman dimuatkan, tiada sambungan diperlukan untuk mengekstrak, menyunting, atau menyalin.
tools.faxianai.com berbanding alat susun atur lain
| tools.faxianai.com Module Extractor | 秀米 (xiumi.us) | 135编辑器 | i排版 | Salin HTML dengan tangan | |
|---|---|---|---|---|---|
| Tujuan teras | Ekstrak & miliki blok boleh guna semula | Penyunting templat penuh | Penyunting templat penuh | Penyunting templat penuh | — |
| Pustaka templat | Tiada (anda bina daripada yang anda tampal) | Sangat besar | Sangat besar | Besar | Tiada |
| Perlu akaun | Tidak | Ya | Ya | Ya | Tidak |
| Apa-apa dimuat naik | Tidak | Ya (awan) | Ya (awan) | Ya (awan) | Tidak |
| Miliki aset | Ya (JSON setempat) | Disewa / awan | Disewa / awan | Disewa / awan | Ya, tetapi manual |
| Tukar imej setiap blok | Ya | Ya (dalam penyunting) | Ya (dalam penyunting) | Ya (dalam penyunting) | Manual |
| Warnakan semula seluruh blok | Ya, satu klik | Ya (dalam penyunting) | Ya (dalam penyunting) | Ya (dalam penyunting) | Manual |
| Berfungsi luar talian | Ya, sebaik dimuatkan | Tidak | Tidak | Tidak | Ya |
| Harga | Percuma | Peringkat percuma + berbayar | Peringkat percuma + berbayar | Peringkat percuma + berbayar | Percuma |
Adil dikatakan, ini bukan pengganti penyunting templat, dan ia tidak berpura-pura begitu. 秀米, 135编辑器, dan i排版 ialah produk matang dengan pustaka templat yang sangat besar, susun atur seret-dan-lepas secara langsung, dan bertahun-tahun kilauan — jika anda membina artikel kaya dari mula, itulah tempat anda pergi, dan ia berbaloi dengan reputasinya. Apa yang ia tidak beri anda ialah folder peribadi dan mudah alih blok khusus yang anda guna semula, boleh disunting tanpa log masuk dan bebas daripada apa-apa yang meninggalkan mesin anda. Alat ini ialah pengekstrak dan penyusun, bukan penyunting: ia menukar blok yang anda kagumi di luar sana menjadi modul yang anda miliki, warnakan semula, imejkan semula, dan tampal di mana-mana. Guna penyunting besar untuk mengarang; guna ini untuk menyimpan kepingan.
Mengapa tools.faxianai.com
Pengekstrakan blok
Menarik kad SVG, pengepala, petikan dan pemisah keluar sebagai modul bebas.
Tukar imej sebaris
Gantikan sebarang imej dalam blok dengan milik anda — muat naik atau URL.
Warna semula satu-klik
Klik mana-mana warna yang digunakan blok dan tukarkannya di mana-mana sekali gus.
Salin HTML sebaris
Tampal terus ke dalam penyunting WeChat, CMS, atau sebarang kotak teks kaya.
Pustaka tempatan
Simpan modul ke pelayar ini dan eksport/import sebagai JSON.
Tiada muat naik
Berjalan sepenuhnya dalam pelayar anda — bahan anda tidak pernah meninggalkan peranti anda.