Driver du en offisiell WeChat-konto (eller en hvilken som helst riktekst-publikasjon), har du sett oppsett du skulle ønske du kunne gjenbruke — et seksjonskort med tittel, en følg-oss-blokk, et stilisert sitat, en skillelinje. Å kopiere dem for hånd betyr å grave gjennom nestet HTML, og én feil redigering ødelegger hele SVG-en. Dette verktøyet gjør det kjedelige for deg: lim inn en artikkel, og hver stilblokk trekkes ut som en uavhengig, gjenbrukbar modul.
Derfra kan du bytte bildene i en blokk (last opp et nytt eller lim inn en URL), endre farger ved å klikke på en hvilken som helst farge den bruker, kopiere blokken som inline-HTML klar til å limes inn i WeChat-redigereren, et CMS eller en hvilken som helst riktekstboks — og lagre de du liker i et lokalt bibliotek som bor i denne nettleseren. Ingenting lastes opp; materialet ditt er ditt.
Fordi alt kjører på klientsiden med Clipboard- og localStorage-API-ene, er det ingen konto, ingen sky og ingen backend — samme lokale-først-idé som resten av IMG.DIY.
Slik bruker du verktøyet
- Lim inn en artikkelKopier en WeChat-artikkel (eller annet rikt innhold) og lim den inn i boksen. Du kan også lime inn rå HTML-kilde.
- Trekk ut moduleneKlikk på Trekk ut — hver stilblokk vises som sitt eget forhåndsvisningskort, isolert slik at sidestiler ikke kan forstyrre.
- Rediger og gjenbrukBytt bilder, endre farger, og velg Kopier HTML for å lime inn andre steder, eller Lagre i det lokale biblioteket til neste gang.
Hvorfor trekke ut layoutmoduler i stedet for å bygge dem på nytt
De pene blokkene i WeChat-artikler — seksjonskort med titler, følg-oss-oppfordringer, stilede sitater, SVG-skillelinjer — er nesten alltid håndsatt inline HTML og SVG. Å bygge en fra bunnen betyr å matche padding, farger, gradienter og nøstede spans nøyaktig, og én feil redigering får SVG-en til å kollapse. Å trekke ut den ferdige blokken i stedet holder hver detalj intakt og gjør den om til noe du kan gjenbruke på sekunder.
Dette verktøyet parser artikkelen du limer inn og løfter hver stilede blokk ut som en uavhengig modul. Du skraper ikke en hel side inn i én klump; du får en ryddig liste over individuelle, gjenbrukbare deler — akkurat det du ønsket deg da du så et fint oppsett i noen andres innlegg.
Lokalt først, slik at ressursene faktisk er dine
Skyredigerere holder de lagrede blokkene dine på sine servere bak en konto. Her bor biblioteket i din egen nettleser via localStorage, og du kan eksportere det til en JSON-fil for å sikkerhetskopiere eller flytte mellom maskiner. Ingenting lastes opp, det er ingen registrering, og parsingen, bildebyttingen og omfargingen kjører alle på enheten din med nettleserens egne DOM- og Clipboard-API-er.
Den praktiske gevinsten er et personlig, flyttbart modulbibliotek som vokser mens du jobber: lim inn en artikkel, behold de to-tre blokkene som er verdt å gjenbruke, og dra dem rett ut igjen neste gang som inline HTML.
Hva folk bruker det til
Gjenbruk et oppsett du likte — Ser du et fint kort med tittel eller en skillelinje i en annen artikkel — trekk det ut, omfarg det til merkevaren din og kopier det inn i ditt eget utkast.
Bygg et husstilsett — Samle seksjonsoverskriftene, sitatstilene og følg-oss-kortene du bruker i hver utgave i ett lokalt bibliotek.
Bytt bildene i en malblokk — Behold et favorittoppsett for bildekort og bare erstatt bildet hver gang med din egen opplasting.
Omfarg til merkevaren din — Endre en blokks aksentfarge overalt på én gang i stedet for å lete gjennom inline-stiler.
Flytt blokker mellom redigerere — Kopier inline HTML som limes inn med stilen intakt i WeChat-redigereren, et CMS eller en hvilken som helst rik tekst-boks.
Behold et privat, flyttbart lager — Eksporter biblioteket ditt som JSON for å sikkerhetskopiere det eller ta det med til en annen nettleser — ingen konto, ingen sky.
Hvorfor IMG.DIY
Blokkuttrekk
Trekker ut SVG-kort, overskrifter, sitater og skillelinjer som uavhengige moduler.
Bytt bilder direkte
Erstatt et hvilket som helst bilde i en blokk med ditt eget — opplasting eller URL.
Fargeendring med ett klikk
Klikk på en farge blokken bruker og endre den overalt på én gang.
Kopier inline-HTML
Lim rett inn i WeChat-redigereren, et CMS eller en hvilken som helst riktekstboks.
Lokalt bibliotek
Lagre moduler i denne nettleseren og eksporter/importer dem som JSON.
Ingen opplasting
Kjører helt og holdent i nettleseren din — materialet ditt forlater aldri enheten.