FaxianAI Tools / Navíc / Extraktor layoutových modulů

Extraktor layoutových modulů

Vložte článek → extrahujte jeho stylované bloky → vyměňte obrázky, přebarvěte a zkopírujte inline HTML, které použijete kdekoli. Vše zůstává ve vašem prohlížeči.

Extraktor layoutových modulů visual example
Soukromí na prvním místě: nic se nenahrává.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Extraktor layoutových modulů: 1 · Choose input
1 · Choose input
Extraktor layoutových modulů: 2 · Adjust and process
2 · Adjust and process
Extraktor layoutových modulů: 3 · Download result
3 · Download result

Pokud spravujete oficiální účet WeChat (nebo jakoukoli publikaci s formátovaným textem), určitě jste viděli layouty, které byste rádi znovu použili — kartu sekce s nadpisem, blok „sledujte nás“, stylovanou citaci, oddělovač. Kopírovat je ručně znamená prohrabávat se vnořeným HTML a jedna špatná úprava rozbije celé SVG. Tento nástroj udělá tu otravnou část za vás: vložte článek a on vytáhne každý stylovaný blok jako samostatný, znovupoužitelný modul.

Odtud můžete vyměnit obrázky uvnitř bloku (nahrát nový nebo vložit URL), přebarvit ho kliknutím na kteroukoli použitou barvu, zkopírovat blok jako inline HTML připravené k vložení do editoru WeChat, CMS nebo jakéhokoli pole s formátovaným textem — a ty, které se vám líbí, uložit do lokální knihovny žijící v tomto prohlížeči. Nic se nenahrává; vaše materiály jsou jen vaše.

Protože vše běží na straně klienta pomocí API Clipboard a localStorage, není potřeba žádný účet, žádný cloud ani backend — stejná local-first myšlenka jako u zbytku tools.faxianai.com.

Jak na to

  1. Vložte článekZkopírujte článek z WeChat (nebo jakýkoli formátovaný obsah) a vložte ho do pole. Můžete vložit i surový HTML kód.
  2. Extrahujte modulyKlikněte na Extrahovat — každý stylovaný blok se zobrazí jako vlastní karta s náhledem, izolovaná, aby do ní nezasahovaly styly stránky.
  3. Upravte a znovu použijteVyměňte obrázky, přebarvěte, pak zkopírujte HTML k vložení jinam, nebo uložte do lokální knihovny na příště.

Proč layoutové moduly extrahovat, místo abyste je stavěli znovu

Ty pěkné bloky ve WeChat článcích — karty sekcí s nadpisy, výzvy ke sledování, stylované citace, SVG oddělovače — jsou téměř vždy ručně poskládané inline HTML a SVG. Postavit jeden od nuly znamená přesně trefit odsazení, barvy, gradienty a vnořené spany, a jediná špatná úprava zbortí celé SVG. Extrakce hotového bloku naopak zachová každý detail a promění ho v něco, co znovu použijete během vteřin.

Tento nástroj parsuje článek, který vložíte, a vyzdvihne každý stylovaný blok jako samostatný modul. Neškrábete celou stránku do jednoho chuchvalce; dostanete úhledný seznam jednotlivých, znovupoužitelných kousků — přesně to, co jste chtěli, když jste v cizím příspěvku viděli pěkný layout.

Local-first, takže materiály jsou skutečně vaše

Cloudové editory drží vaše uložené bloky na svých serverech za účtem. Tady knihovna žije ve vašem vlastním prohlížeči přes localStorage a můžete ji exportovat do souboru JSON pro zálohu nebo přenos mezi počítači. Nic se nenahrává, není žádná registrace a parsování, výměna obrázků i přebarvování běží na vašem zařízení s vlastními API prohlížeče pro DOM a Clipboard.

Praktický přínos je osobní, přenosná knihovna modulů, která roste s vaší prací: vložte článek, ponechte si dva tři bloky, které stojí za znovupoužití, a příště je rovnou vytáhněte jako inline HTML.

K čemu ho lidé používají

Znovu použijte layout, který se vám líbil — Uvidíte pěknou kartu s nadpisem nebo oddělovač v cizím článku — extrahujte je, přebarvěte do barev své značky a zkopírujte do vlastního konceptu.

Postavte si sadu vlastního stylu — Shromážděte záhlaví sekcí, styly citací a karty „sledujte nás“, které používáte v každém vydání, do jedné lokální knihovny.

Vyměňte obrázky v šablonovém bloku — Ponechte si oblíbený layout s obrázkovou kartou a pokaždé jen nahraďte obrázek vlastním.

Přebarvěte do barev značky — Změňte akcentovou barvu bloku všude najednou, místo abyste ji lovili v inline stylech.

Přenášejte bloky mezi editory — Zkopírujte inline HTML, které se vloží se zachovaným stylováním do editoru WeChat, CMS nebo jakéhokoli pole s formátovaným textem.

Mějte soukromou, přenosnou zásobu — Exportujte knihovnu jako JSON pro zálohu nebo přenos do jiného prohlížeče — bez účtu, bez cloudu.

Proč tools.faxianai.com

Extrakce bloků

Vytáhne SVG karty, záhlaví, citace a oddělovače jako samostatné moduly.

Výměna obrázků na místě

Nahraďte jakýkoli obrázek v bloku vlastním — nahráním nebo přes URL.

Přebarvení jedním kliknutím

Klikněte na kteroukoli barvu bloku a změňte ji všude najednou.

Kopírování inline HTML

Vložte rovnou do editoru WeChat, CMS nebo jakéhokoli pole s formátovaným textem.

Lokální knihovna

Ukládejte moduly do tohoto prohlížeče a exportujte/importujte je jako JSON.

Bez nahrávání

Běží celý ve vašem prohlížeči — vaše materiály nikdy neopustí zařízení.

Časté dotazy

Jak dostanu obsah článku z WeChat dovnitř?
Otevřete článek, označte ho a zkopírujte, pak vložte do pole — nástroj přečte formátované HTML z vaší schránky. Můžete vložit i surový HTML kód.
Umí načíst článek z URL?
Přímo z URL ne — WeChat z důvodů soukromí a bezpečnosti blokuje načítání napříč weby z prohlížeče. Kopírování a vkládání je spolehlivá, plně lokální cesta.
Kde je uložená moje knihovna?
V localStorage tohoto prohlížeče — pouze na tomto zařízení. Použijte Export pro zálohu do souboru JSON nebo přenos do jiného prohlížeče.
Bude zkopírovaný blok po vložení vypadat stejně?
Kopíruje se původní inline HTML/SVG, takže v editorech, které přijímají formátované HTML (WeChat, většina CMS), se vloží s neporušeným stylováním.
Nahrává se něco?
Ne. Parsování, úpravy i ukládání probíhají lokálně ve vašem prohlížeči.
Nahrazuje editor jako Xiumi nebo 135?
Ne — to jsou plnohodnotné šablonové editory s velkými cloudovými knihovnami. Tohle je zaměřený extraktor a organizér: vyzdvihne znovupoužitelné bloky z obsahu, který už máte, a drží je lokálně. Mnoho lidí používá obojí.
Proč neumí import přes URL?
Prohlížeče blokují stránkám načítání z mp.weixin.qq.com napříč doménami, z důvodů soukromí a ochrany proti scrapingu. Kopírování a vkládání je spolehlivá, plně lokální alternativa a nepotřebuje server.
Vykreslí se SVG uloženého bloku i jinde?
Ano — ukládá se původní inline SVG/HTML, takže se vykreslí všude, kde je inline HTML přijímáno. Náhledy jsou zde izolované pomocí Shadow DOM, takže styly webu do nich nikdy neprosáknou.
Má knihovna nějaký limit velikosti?
Používá localStorage (pár MB na web), takže velmi velké obrázky v data-URI ho mohou zaplnit. Exportujte do JSON, abyste archivovali starší bloky a udrželi pracovní sadu malou.

Související nástroje

Návody a tipy