మీరు WeChat అఫీషియల్ అకౌంట్ (లేదా ఏదైనా రిచ్-టెక్స్ట్ ప్రచురణ) నడుపుతుంటే, మళ్లీ వాడాలనిపించిన లేఅవుట్లు చూసే ఉంటారు — టైటిల్ ఉన్న సెక్షన్ కార్డు, ఫాలో-అస్ బ్లాక్, స్టైల్డ్ కోట్, డివైడర్. వాటిని చేతితో కాపీ చేయాలంటే గజిబిజి HTMLలో తవ్వాలి, ఒక్క తప్పు ఎడిట్ మొత్తం SVGను పాడు చేస్తుంది. ఈ టూల్ ఆ విసుగు పనిని మీకు బదులు చేస్తుంది: ఆర్టికల్ పేస్ట్ చేయండి, ప్రతి స్టైల్డ్ బ్లాక్నూ స్వతంత్ర, పునర్వినియోగ మాడ్యూల్గా బయటకు తీస్తుంది.
అక్కడి నుంచి బ్లాక్ లోపలి చిత్రాలు మార్చవచ్చు (కొత్తది అప్లోడ్ చేయండి లేదా URL పేస్ట్ చేయండి), అది వాడే ఏ రంగుపైనైనా క్లిక్ చేసి రంగు మార్చవచ్చు, బ్లాక్ను WeChat ఎడిటర్, CMS లేదా ఏ రిచ్-టెక్స్ట్ బాక్స్లోకైనా పేస్ట్ చేయడానికి సిద్ధమైన ఇన్లైన్ HTMLగా కాపీ చేయవచ్చు — నచ్చినవి ఈ బ్రౌజర్లో ఉండే లోకల్ లైబ్రరీలో సేవ్ చేసుకోవచ్చు. ఏదీ అప్లోడ్ కాదు; మీ మెటీరియల్స్ మీవే.
అంతా Clipboard, localStorage APIలతో క్లయింట్-సైడ్లో నడుస్తుంది కాబట్టి ఖాతా లేదు, క్లౌడ్ లేదు, బ్యాకెండ్ లేదు — IMG.DIY మిగతా భాగం వెనుక ఉన్న అదే లోకల్-ఫస్ట్ ఆలోచన.
ఎలా వాడాలి
- ఆర్టికల్ పేస్ట్ చేయండిWeChat ఆర్టికల్ (లేదా ఏదైనా రిచ్ కంటెంట్) కాపీ చేసి బాక్స్లో పేస్ట్ చేయండి. ముడి HTML సోర్స్ కూడా పేస్ట్ చేయవచ్చు.
- మాడ్యూల్స్ తీయండిExtract క్లిక్ చేయండి — ప్రతి స్టైల్డ్ బ్లాక్ దాని సొంత ప్రివ్యూ కార్డుగా, పేజీ స్టైల్స్ జోక్యం చేసుకోకుండా వేరుగా కనిపిస్తుంది.
- ఎడిట్ చేసి మళ్లీ వాడండిచిత్రాలు మార్చండి, రంగులు మార్చండి, తర్వాత Copy HTMLతో వేరే చోట పేస్ట్ చేయండి, లేదా తర్వాతిసారి కోసం మీ లోకల్ లైబ్రరీలో Save చేయండి.
లేఅవుట్ మాడ్యూల్స్ను తిరిగి కట్టడం కాదు, ఎందుకు వెలికితీయాలి
WeChat ఆర్టికల్స్లోని అందమైన బ్లాక్లు — టైటిల్ ఉన్న సెక్షన్ కార్డులు, ఫాలో-అస్ ప్రాంప్ట్లు, స్టైల్డ్ కోట్లు, SVG డివైడర్లు — దాదాపు ఎప్పుడూ చేతితో కూర్చిన ఇన్లైన్ HTML, SVG. ఒకదాన్ని మొదటి నుంచి తిరిగి కట్టాలంటే ప్యాడింగ్, రంగులు, గ్రేడియంట్లు, గూళ్ల స్పాన్లను ఖచ్చితంగా సరిపోల్చాలి — ఒక్క తప్పు ఎడిట్ SVGను కూలదోస్తుంది. బదులుగా పూర్తయిన బ్లాక్ను వెలికితీయడం ప్రతి వివరాన్ని చెక్కుచెదరకుండా ఉంచి, సెకన్లలో తిరిగి వాడగలిగేదిగా మారుస్తుంది.
ఈ టూల్ మీరు పేస్ట్ చేసిన ఆర్టికల్ను పార్స్ చేసి ప్రతి స్టైల్డ్ బ్లాక్నూ స్వతంత్ర మాడ్యూల్గా బయటకు తీస్తుంది. మొత్తం పేజీని ఒక ముద్దగా స్క్రేప్ చేయడం కాదు; విడివిడి, పునర్వినియోగ ముక్కల చక్కని జాబితా లభిస్తుంది — వేరొకరి పోస్టులో మంచి లేఅవుట్ చూసినప్పుడు మీకు కావాలనిపించింది సరిగ్గా ఇదే.
లోకల్-ఫస్ట్, కాబట్టి అసెట్స్ నిజంగా మీవే
క్లౌడ్ ఎడిటర్లు మీ సేవ్ చేసిన బ్లాక్లను ఖాతా వెనుక వాళ్ల సర్వర్లలో ఉంచుతాయి. ఇక్కడ లైబ్రరీ localStorage ద్వారా మీ సొంత బ్రౌజర్లో ఉంటుంది — బ్యాకప్ కోసం లేదా మెషీన్ల మధ్య తరలించడానికి JSON ఫైల్గా ఎక్స్పోర్ట్ చేయవచ్చు. ఏదీ అప్లోడ్ కాదు, సైన్-అప్ లేదు, పార్సింగ్, ఇమేజ్ మార్పిడి, రంగు మార్పు అన్నీ బ్రౌజర్ సొంత DOM, Clipboard APIలతో మీ డివైస్పైనే నడుస్తాయి.
ఆచరణాత్మక ఫలితం: మీరు పని చేసేకొద్దీ పెరిగే వ్యక్తిగత, తీసుకెళ్లగల మాడ్యూల్ లైబ్రరీ — ఆర్టికల్ పేస్ట్ చేయండి, తిరిగి వాడదగిన రెండు మూడు బ్లాక్లు ఉంచుకోండి, తర్వాతిసారి వాటిని నేరుగా ఇన్లైన్ HTMLగా బయటకు లాగండి.
దీన్ని ఎందుకోసం వాడతారు
నచ్చిన లేఅవుట్ తిరిగి వాడడం — మరో ఆర్టికల్లో చక్కని టైటిల్ కార్డు లేదా డివైడర్ చూశారా — వెలికితీసి, మీ బ్రాండ్కు రంగు మార్చి, మీ సొంత డ్రాఫ్టులో కాపీ చేయండి.
హౌస్-స్టైల్ కిట్ నిర్మాణం — ప్రతి సంచికలో వాడే సెక్షన్ హెడర్లు, కోట్ శైలులు, ఫాలో-అస్ కార్డులను ఒక లోకల్ లైబ్రరీలో సేకరించండి.
టెంప్లేట్ బ్లాక్లో చిత్రాల మార్పు — ఇష్టమైన ఇమేజ్-కార్డ్ లేఅవుట్ ఉంచుకుని, ప్రతిసారీ మీ సొంత అప్లోడ్తో బొమ్మను మాత్రమే మార్చండి.
మీ బ్రాండ్కు రంగు మార్పు — ఇన్లైన్ స్టైల్స్లో వేటాడకుండా బ్లాక్ యాక్సెంట్ రంగును ఒకేసారి అన్నిచోట్లా మార్చండి.
ఎడిటర్ల మధ్య బ్లాక్ల తరలింపు — WeChat ఎడిటర్, CMS లేదా ఏ రిచ్-టెక్స్ట్ బాక్స్లోనైనా స్టైలింగ్ చెక్కుచెదరకుండా పేస్ట్ అయ్యే ఇన్లైన్ HTML కాపీ చేయండి.
ప్రైవేట్, తీసుకెళ్లగల నిల్వ — బ్యాకప్ కోసం లేదా మరో బ్రౌజర్కు తీసుకెళ్లడానికి మీ లైబ్రరీని JSONగా ఎక్స్పోర్ట్ చేయండి — ఖాతా లేదు, క్లౌడ్ లేదు.
IMG.DIY ఎందుకు
బ్లాక్ వెలికితీత
SVG కార్డులు, హెడర్లు, కోట్లు, డివైడర్లను స్వతంత్ర మాడ్యూల్స్గా బయటకు తీస్తుంది.
ఇన్లైన్గా చిత్రాలు మార్చండి
బ్లాక్లోని ఏ చిత్రాన్నైనా మీ సొంతదానితో మార్చండి — అప్లోడ్ లేదా URL.
ఒక్క-క్లిక్ రంగు మార్పు
బ్లాక్ వాడే ఏ రంగుపైనైనా క్లిక్ చేసి ఒకేసారి అన్నిచోట్లా మార్చండి.
ఇన్లైన్ HTML కాపీ
నేరుగా WeChat ఎడిటర్, CMS లేదా ఏ రిచ్-టెక్స్ట్ బాక్స్లోకైనా పేస్ట్ చేయండి.
లోకల్ లైబ్రరీ
మాడ్యూల్స్ను ఈ బ్రౌజర్లో సేవ్ చేసి JSONగా ఎక్స్పోర్ట్/ఇంపోర్ట్ చేయండి.
అప్లోడ్ లేదు
పూర్తిగా మీ బ్రౌజర్లో నడుస్తుంది — మీ మెటీరియల్స్ మీ డివైస్ దాటవు.