Als je een WeChat Officieel Account (of een andere rich-text-publicatie) beheert, heb je lay-outs gezien die je zou willen hergebruiken — een sectiekaart met titel, een volg-ons-blok, een gestileerd citaat, een scheidingslijn. Ze met de hand kopiëren betekent graven door geneste HTML, en één verkeerde bewerking breekt de hele SVG. Deze tool doet het vervelende werk voor je: plak een artikel en hij haalt elk gestileerd blok eruit als een onafhankelijke, herbruikbare module.
Vanaf daar kun je de afbeeldingen in een blok verwisselen (een nieuwe uploaden of een URL plakken), het herkleuren door op een gebruikte kleur te klikken, het blok kopiëren als inline HTML die klaar is om te plakken in de WeChat-editor, een CMS of een willekeurig rich-text-veld — en de blokken die je mooi vindt opslaan in een lokale bibliotheek die in deze browser leeft. Er wordt niets geüpload; jouw materialen zijn van jou.
Omdat alles client-side draait met de Clipboard- en localStorage-API's, is er geen account, geen cloud en geen backend — hetzelfde local-first-idee dat achter de rest van IMG.DIY zit.
Hoe te gebruiken
- Plak een artikelKopieer een WeChat-artikel (of andere rijke content) en plak het in het vak. Je kunt ook ruwe HTML-broncode plakken.
- Haal de modules eruitKlik op Extraheren — elk gestileerd blok verschijnt als zijn eigen voorvertoningskaart, geïsoleerd zodat paginastijlen niet kunnen storen.
- Bewerk en hergebruikWissel afbeeldingen, herkleur, klik dan op HTML kopiëren om elders te plakken, of Opslaan in je lokale bibliotheek voor de volgende keer.
Waarom lay-outmodules extraheren in plaats van ze herbouwen
De mooie blokken in WeChat-artikelen — getitelde sectiekaarten, 'volg ons'-prompts, gestileerde citaten, SVG-scheidingslijnen — zijn vrijwel altijd handmatig samengestelde inline HTML en SVG. Er een van de grond af herbouwen betekent padding, kleuren, gradiënten en geneste spans precies matchen, en één verkeerde bewerking laat de SVG instorten. Het afgeronde blok extraheren houdt juist elk detail intact en maakt er iets van dat je in seconden kunt hergebruiken.
Deze tool ontleedt het artikel dat je plakt en licht elk gestileerd blok eruit als een zelfstandige module. Je scrapet niet een hele pagina in één klomp; je krijgt een nette lijst van individuele, herbruikbare stukken — precies wat je wilde toen je een mooie lay-out in andermans post zag.
Lokaal-eerst, zodat de assets echt van jou zijn
Cloud-editors houden je opgeslagen blokken op hun servers achter een account. Hier leeft de bibliotheek in je eigen browser via localStorage, en je kunt hem naar een JSON-bestand exporteren om te back-uppen of tussen machines te verplaatsen. Er wordt niets geüpload, er is geen aanmelding, en het ontleden, verwisselen van afbeeldingen en herkleuren draait allemaal op je apparaat met de eigen DOM- en Clipboard-API's van de browser.
De praktische opbrengst is een persoonlijke, draagbare modulebibliotheek die groeit terwijl je werkt: plak een artikel, houd de twee of drie blokken die het hergebruiken waard zijn, en sleep ze de volgende keer meteen weer eruit als inline HTML.
Waar mensen het voor gebruiken
Een lay-out hergebruiken die je beviel — Zie je een mooie getitelde kaart of scheidingslijn in een ander artikel — extraheer hem, herkleur hem naar je merk, en kopieer hem in je eigen concept.
Een huisstijl-kit bouwen — Verzamel de sectiekoppen, citaatstijlen en 'volg ons'-kaarten die je elke editie gebruikt in één lokale bibliotheek.
De afbeeldingen in een sjabloonblok verwisselen — Houd een favoriete afbeeldingskaart-lay-out en vervang de foto elke keer door je eigen upload.
Herkleuren naar je merk — Wijzig de accentkleur van een blok overal in één keer in plaats van door inline-stijlen te jagen.
Blokken tussen editors verplaatsen — Kopieer inline HTML die met de opmaak intact plakt in de WeChat-editor, een CMS of elk rich-text-vak.
Een privé, draagbare voorraad houden — Exporteer je bibliotheek als JSON om te back-uppen of naar een andere browser mee te nemen — geen account, geen cloud.
De goede opmaakblokken zitten gevangen in andermans artikelen
Iedereen die een WeChat Official Account beheert, verzamelt opmaakblokken op de trage manier. Je leest een artikel met een prachtige SVG-titelkaart, een net "volg ons"-paneel, een sectiekop met een gekleurd tabje langs de zijkant, en je denkt: die structuur wil ik. Dus kopieer je het hele artikel naar je editor, en besteed je twintig minuten aan het verwijderen van alles behalve het ene blok dat je wilde, biddend dat je geen verdwaalde <span> meepakt die de SVG laat instorten. WeChats SVG-typografie is berucht kwetsbaar — één misplaatst attribuut, één afbeelding die je op de verkeerde plek verkleinde, en de kaart rendert als een kapotte doos op de helft van de telefoons van lezers. De blokken die je wilt zijn echt, herbruikbaar en zitten daar gewoon in de HTML, maar er is geen schone manier om er een uit te tillen en te bewaren.
De andere helft van de pijn is eigendom. Het voor de hand liggende antwoord is een sjablooneditor als 秀米 of 135编辑器: enorme bibliotheken, slepen-en-neerzetten, oprecht krachtig. Maar de assets leven in hun cloud, achter een account, en vaak achter een lidmaatschapsniveau. Je zorgvuldig samengestelde stijlkit is geen map die je bezit — het is een login die je huurt. Wil je een blok aan een teamgenoot geven, een kleur over elke kaart tegelijk aanpassen, of gewoon een persoonlijke bibliotheek bijhouden van de vijf koppen die je daadwerkelijk hergebruikt, dan werk je binnen andermans product op andermans voorwaarden.
Deze tool neemt de tegenovergestelde aanpak. Je plakt een artikel (of willekeurige rijke content, of ruwe HTML) en het ontleedt de opmaak direct in je browser, waarbij elk herbruikbaar gestileerd blok — SVG-typografiekaarten, sectiekoppen met titel, volg-ons-kaarten, gestileerde citaten, scheidingslijnen — als een eigen onafhankelijke module wordt uitgehaald. Van daaruit bewerk je elk direct: wissel de afbeelding in een kaart, verkleur hem, kopieer hem als schone inline-HTML klaar om in de WeChat-editor of elk rich-text-vak te plakken, en sla hem op in een lokale bibliotheek die je als JSON kunt exporteren. Er wordt niets geüpload, er is geen account, en zodra de pagina geladen is blijft het offline werken. Eén eerlijke beperking vooraf: het kan geen artikel via zijn URL ophalen — browsers blokkeren cross-site-verzoeken naar mp.weixin.qq.com, dus de invoer is altijd kopiëren-en-plakken.
Wat het anders maakt
- Lokaal-eerst, niets geüpload. Het ontleden gebeurt in de browser met
DOMParser. Het artikel dat je plakt verlaat je machine nooit — geen server, geen account, geen backend. - Extractie per module. Elk gestileerd blok komt eruit als een aparte, op zichzelf staande module in plaats van een muur van verstrengelde opmaak die je met de hand moet snoeien.
- Afbeelding wisselen, ter plekke. Vervang de foto in een kaart door een nieuwe te uploaden of een afbeeldings-URL te plakken — zonder de omringende SVG-structuur aan te raken die hem kwetsbaar maakt.
- Overal tegelijk verkleuren. Klik op een kleur die een module gebruikt en verander hem over het hele blok in één beweging, zodat een kaart bij je merk past zonder een jacht door hex-codes.
- Schone inline-HTML-kopie. Eén klik zet de module op je klembord als inline-HTML (via de Clipboard-API), klaar om direct in de WeChat-editor, een CMS of elk rich-text-veld te plakken.
- Een bibliotheek die je bezit. Sla modules op in lokale opslag en exporteer of importeer de hele collectie als JSON — een echte, draagbare assetkit, geen login die je huurt.
- Geïsoleerde voorvertoningen. Elke module rendert binnen Shadow DOM, zodat de stijlen van één blok niet in een ander kunnen lekken en de voorvertoning je precies toont wat je gaat plakken.
- Werkt offline zodra geladen. Nadat de pagina geladen is, is geen verbinding nodig om te extraheren, bewerken of kopiëren.
IMG.DIY vs. andere opmaaktools
| IMG.DIY Module Extractor | 秀米 (xiumi.us) | 135编辑器 | i排版 | HTML met de hand kopiëren | |
|---|---|---|---|---|---|
| Kerndoel | Herbruikbare blokken extraheren & bezitten | Volledige sjablooneditor | Volledige sjablooneditor | Volledige sjablooneditor | — |
| Sjabloonbibliotheek | Geen (je bouwt van wat je plakt) | Enorm | Enorm | Groot | Geen |
| Account vereist | Nee | Ja | Ja | Ja | Nee |
| Wordt er iets geüpload | Nee | Ja (cloud) | Ja (cloud) | Ja (cloud) | Nee |
| Bezit de assets | Ja (lokale JSON) | Gehuurd / cloud | Gehuurd / cloud | Gehuurd / cloud | Ja, maar handmatig |
| Afbeelding per blok wisselen | Ja | Ja (in editor) | Ja (in editor) | Ja (in editor) | Handmatig |
| Heel blok verkleuren | Ja, één klik | Ja (in editor) | Ja (in editor) | Ja (in editor) | Handmatig |
| Werkt offline | Ja, zodra geladen | Nee | Nee | Nee | Ja |
| Prijs | Gratis | Gratis niveau + betaald | Gratis niveau + betaald | Gratis niveau + betaald | Gratis |
Om eerlijk te zijn: dit is geen vervanging voor een sjablooneditor, en het doet ook niet alsof. 秀米, 135编辑器 en i排版 zijn volwassen producten met enorme sjabloonbibliotheken, live slepen-en-neerzetten-opmaak, en jaren van verfijning — bouw je een rijk artikel vanaf nul, dan ga je daarheen, en ze verdienen hun reputatie. Wat ze je niet geven is een privé, draagbare map van de specifieke blokken die je hergebruikt, bewerkbaar zonder login en vrij van iets dat je machine verlaat. Deze tool is een extractor en organizer, geen editor: het verandert blokken die je in het wild bewondert in modules die je bezit, verkleurt, opnieuw voorziet van beeld, en overal plakt. Gebruik de grote editors om te componeren; gebruik deze om de stukken te bewaren.
Waarom IMG.DIY
Blokextractie
Haalt SVG-kaarten, koppen, citaten en scheidingslijnen eruit als onafhankelijke modules.
Afbeeldingen inline wisselen
Vervang elke afbeelding in een blok door je eigen — upload of URL.
Herkleuren met één klik
Klik op een kleur die een blok gebruikt en verander die overal in één keer.
Inline HTML kopiëren
Plak rechtstreeks in de WeChat-editor, een CMS of een willekeurig rich-text-veld.
Lokale bibliotheek
Sla modules op in deze browser en exporteer/importeer ze als JSON.
Geen upload
Draait volledig in je browser — je materialen verlaten nooit je apparaat.