Ha WeChat hivatalos fiókot (vagy bármilyen formázott szöveges kiadványt) vezetsz, biztosan láttál már elrendezéseket, amelyeket szívesen újrahasznosítanál — egy címezett szekciókártyát, egy kövess-minket blokkot, egy stílusos idézetet, egy elválasztót. Kézzel kimásolni őket egymásba ágyazott HTML-ben való turkálást jelent, és egyetlen rossz szerkesztés tönkreteszi az egész SVG-t. Ez az eszköz elvégzi helyetted a fárasztó részt: illessz be egy cikket, és minden stílusos blokkot önálló, újrafelhasználható modulként emel ki.
Innen kicserélheted a blokkban lévő képeket (tölts fel újat vagy illessz be egy URL-t), átszínezheted bármely használt színére kattintva, kimásolhatod a blokkot inline HTML-ként, amely készen áll a WeChat-szerkesztőbe, egy CMS-be vagy bármilyen formázott szövegmezőbe illesztésre — és a kedvenceidet elmentheted egy helyi könyvtárba, amely ebben a böngészőben él. Semmi sem kerül feltöltésre; az anyagaid a tieid.
Mivel minden kliensoldalon fut a Clipboard és a localStorage API-kkal, nincs fiók, nincs felhő és nincs backend — ugyanaz a helyi-először elv, mint az IMG.DIY többi részén.
Használat
- Illessz be egy cikketMásolj ki egy WeChat-cikket (vagy bármilyen formázott tartalmat), és illeszd be a mezőbe. Nyers HTML-forrást is beilleszthetsz.
- Nyerd ki a modulokatKattints a Kinyerés gombra — minden stílusos blokk saját előnézeti kártyaként jelenik meg, elszigetelve, hogy az oldal stílusai ne zavarhassanak bele.
- Szerkeszd és hasznosítsd újraCserélj képeket, színezz át, majd HTML másolása a máshová illesztéshez, vagy mentsd a helyi könyvtáradba legközelebbre.
Miért érdemes kiemelni az elrendezési modulokat az újraépítésük helyett
A WeChat-cikkek jól kinéző blokkjai — címes szekciókártyák, kövess-minket felhívások, stilizált idézetek, SVG-elválasztók — szinte mindig kézzel összerakott inline HTML és SVG. Egy ilyet a nulláról újraépíteni annyit jelent, hogy pontosan el kell találni a térközöket, színeket, színátmeneteket és egymásba ágyazott spaneket, és egyetlen rossz szerkesztés összedönti az SVG-t. A kész blokk kiemelése ezzel szemben minden részletet érintetlenül hagy, és másodpercek alatt újrafelhasználhatóvá teszi.
Ez az eszköz feldolgozza a beillesztett cikket, és minden stilizált blokkot önálló modulként emel ki. Nem egy egész oldalt kaparsz le egyetlen masszává; egyedi, újrafelhasználható elemek rendezett listáját kapod — pontosan azt, amit akartál, amikor megláttál egy szép elrendezést valaki más posztjában.
Helyi-először, hogy az anyagok tényleg a tieid legyenek
A felhőszerkesztők a mentett blokkjaidat a saját szervereiken tartják, fiók mögött. Itt a könyvtár a saját böngésződben él a localStorage-on keresztül, és exportálhatod JSON-fájlba biztonsági mentéshez vagy gépek közötti átvitelhez. Semmi sem kerül feltöltésre, nincs regisztráció, és a feldolgozás, képcsere és átszínezés mind az eszközödön fut a böngésző saját DOM- és Clipboard-API-jaival.
A gyakorlati haszon egy személyes, hordozható modulkönyvtár, amely a munkával együtt nő: illessz be egy cikket, tartsd meg azt a két-három újrahasználatra érdemes blokkot, és legközelebb egyszerűen húzd vissza őket inline HTML-ként.
Mire használják
Használj újra egy elrendezést, ami tetszett — Látsz egy szép címes kártyát vagy elválasztót egy másik cikkben — emeld ki, színezd át a márkádra, és másold a saját piszkozatodba.
Építs házi stíluskészletet — Gyűjtsd egyetlen helyi könyvtárba a minden számban használt szekciócímeket, idézetstílusokat és kövess-minket kártyákat.
Cseréld ki a képeket egy sablonblokkban — Tartsd meg a kedvenc képkártya-elrendezésedet, és mindig csak a képet cseréld ki a saját feltöltésedre.
Színezd át a márkádra — Változtasd meg egy blokk kiemelőszínét mindenhol egyszerre, az inline stílusok vadászata helyett.
Vigyél át blokkokat szerkesztők között — Másolj inline HTML-t, amely stílusostul illeszthető a WeChat-szerkesztőbe, egy CMS-be vagy bármely rich-text mezőbe.
Tarts privát, hordozható gyűjteményt — Exportáld a könyvtáradat JSON-ként biztonsági mentéshez vagy másik böngészőbe — nincs fiók, nincs felhő.
Miért az IMG.DIY
Blokk-kinyerés
Az SVG-kártyákat, fejléceket, idézeteket és elválasztókat önálló modulokként emeli ki.
Képcsere helyben
Cserélj le bármilyen képet egy blokkban a sajátodra — feltöltéssel vagy URL-lel.
Átszínezés egy kattintással
Kattints a blokk bármely színére, és változtasd meg mindenhol egyszerre.
Inline HTML másolása
Illeszd egyenesen a WeChat-szerkesztőbe, egy CMS-be vagy bármilyen formázott szövegmezőbe.
Helyi könyvtár
Mentsd a modulokat ebbe a böngészőbe, és exportáld/importáld őket JSON-ként.
Nincs feltöltés
Teljes egészében a böngésződben fut — az anyagaid soha nem hagyják el az eszközödet.