Om du driver ett officiellt WeChat-konto (eller någon annan rich-text-publikation) har du sett layouter du önskat att du kunde återanvända — ett sektionskort med rubrik, ett följ-oss-block, ett stilat citat, en avdelare. Att kopiera dem för hand innebär att gräva i nästlad HTML, och en enda felaktig redigering förstör hela SVG:n. Det här verktyget gör det tråkiga åt dig: klistra in en artikel så plockar det ut varje stilat block som en oberoende, återanvändbar modul.
Därifrån kan du byta bilderna inuti ett block (ladda upp en ny eller klistra in en URL), byta färg genom att klicka på vilken färg blocket använder, kopiera blocket som inline-HTML redo att klistras in i WeChat-redigeraren, ett CMS eller vilken rich-text-ruta som helst — och spara de du gillar i ett lokalt bibliotek som bor i den här webbläsaren. Inget laddas upp; ditt material är ditt.
Eftersom allt körs på klientsidan med Clipboard- och localStorage-API:erna finns inget konto, inget moln och ingen backend — samma lokalt först-tanke som ligger bakom resten av IMG.DIY.
Så här gör du
- Klistra in en artikelKopiera en WeChat-artikel (eller annat rikt innehåll) och klistra in den i rutan. Du kan också klistra in rå HTML-källkod.
- Extrahera modulernaKlicka på Extrahera — varje stilat block visas som ett eget förhandsvisningskort, isolerat så att sidans stilar inte kan störa.
- Redigera och återanvändByt bilder, byt färg, klicka sedan på Kopiera HTML för att klistra in någon annanstans, eller Spara i ditt lokala bibliotek till nästa gång.
Varför extrahera layoutmoduler i stället för att bygga om dem
De snygga blocken i WeChat-artiklar — sektionskort med rubrik, följ-oss-uppmaningar, stiliserade citat, SVG-avdelare — är nästan alltid handmonterad inline-HTML och SVG. Att bygga om ett från grunden betyder att matcha padding, färger, gradienter och nästlade spans exakt, och en enda felaktig ändring får SVG:n att kollapsa. Att extrahera det färdiga blocket i stället behåller varje detalj intakt och gör det till något du kan återanvända på sekunder.
Det här verktyget tolkar artikeln du klistrar in och lyfter ut varje stiliserat block som en fristående modul. Du skrapar inte en hel sida till en enda klump; du får en prydlig lista med enskilda, återanvändbara delar — exakt det du ville ha när du såg en snygg layout i någon annans inlägg.
Lokalt först, så att resurserna verkligen är dina
Molnredigerare håller dina sparade block på sina servrar bakom ett konto. Här bor biblioteket i din egen webbläsare via localStorage, och du kan exportera det till en JSON-fil för att säkerhetskopiera eller flytta mellan datorer. Inget laddas upp, det finns ingen registrering, och tolkningen, bildbytena och omfärgningen körs alla på din enhet med webbläsarens egna DOM- och Clipboard-API:er.
Den praktiska vinsten är ett personligt, portabelt modulbibliotek som växer medan du arbetar: klistra in en artikel, behåll de två-tre block som är värda att återanvända, och dra ut dem direkt som inline-HTML nästa gång.
Vad folk använder det till
Återanvänd en layout du gillade — Ser ett snyggt rubrikkort eller en avdelare i en annan artikel — extrahera det, färga om det till ditt varumärke och kopiera in det i ditt eget utkast.
Bygg ett husstilskit — Samla de sektionsrubriker, citatstilar och följ-oss-kort du använder i varje nummer i ett lokalt bibliotek.
Byt bilderna i ett mallblock — Behåll en favoritlayout med bildkort och byt bara ut bilden varje gång med din egen uppladdning.
Färga om till ditt varumärke — Ändra ett blocks accentfärg överallt på en gång i stället för att jaga genom inline-stilar.
Flytta block mellan redigerare — Kopiera inline-HTML som klistras in med stilen intakt i WeChat-redigeraren, ett CMS eller vilken rich-text-ruta som helst.
Håll en privat, portabel samling — Exportera ditt bibliotek som JSON för att säkerhetskopiera det eller ta det till en annan webbläsare — inget konto, inget moln.
Varför IMG.DIY
Blockextraktion
Plockar ut SVG-kort, rubriker, citat och avdelare som oberoende moduler.
Byt bilder direkt
Ersätt vilken bild som helst i ett block med din egen — uppladdning eller URL.
Färgbyte med ett klick
Klicka på en färg blocket använder och ändra den överallt på en gång.
Kopiera inline-HTML
Klistra in direkt i WeChat-redigeraren, ett CMS eller vilken rich-text-ruta som helst.
Lokalt bibliotek
Spara moduler i den här webbläsaren och exportera/importera dem som JSON.
Ingen uppladdning
Körs helt i din webbläsare — ditt material lämnar aldrig din enhet.