तुम्ही WeChat Official Account (किंवा कोणतेही रिच-टेक्स्ट प्रकाशन) चालवत असाल, तर पुन्हा वापरता आले असते असे लेआउट तुम्ही नक्की पाहिले असतील — शीर्षक असलेले सेक्शन कार्ड, फॉलो-अस ब्लॉक, स्टाइल्ड कोट, डिव्हायडर. हाताने कॉपी करायचे म्हणजे गुंतागुंतीच्या नेस्टेड HTML मध्ये खोदकाम, आणि एक चुकीचा बदल संपूर्ण SVG मोडतो. हे टूल कंटाळवाणा भाग तुमच्यासाठी करते: लेख पेस्ट करा, आणि ते प्रत्येक स्टाइल्ड ब्लॉक स्वतंत्र, पुनर्वापरयोग्य मॉड्यूल म्हणून बाहेर काढते.
तिथून तुम्ही ब्लॉकमधील इमेजेस बदलू शकता (नवीन अपलोड करा किंवा URL पेस्ट करा), तो वापरत असलेल्या कोणत्याही रंगावर क्लिक करून रंग बदलू शकता, ब्लॉक इनलाइन HTML म्हणून कॉपी करू शकता — WeChat एडिटर, CMS किंवा कोणत्याही रिच-टेक्स्ट बॉक्समध्ये पेस्ट करायला तयार — आणि आवडलेले ब्लॉक्स या ब्राउझरमध्ये राहणाऱ्या स्थानिक लायब्ररीत सेव्ह करू शकता. काहीही अपलोड होत नाही; तुमची सामग्री तुमचीच राहते.
सगळे Clipboard आणि localStorage API सह क्लायंट-साइड चालत असल्याने अकाउंट नाही, क्लाउड नाही, आणि बॅकएंड नाही — IMG.DIY च्या बाकी टूल्समागची तीच लोकल-फर्स्ट कल्पना.
कसे वापरायचे
- लेख पेस्ट कराWeChat लेख (किंवा कोणताही रिच कंटेंट) कॉपी करून बॉक्समध्ये पेस्ट करा. कच्चा HTML सोर्सही पेस्ट करता येतो.
- मॉड्यूल्स काढाExtract वर क्लिक करा — प्रत्येक स्टाइल्ड ब्लॉक स्वतःच्या प्रिव्ह्यू कार्डात दिसतो, वेगळा केलेला, त्यामुळे पेजच्या स्टाइल्स ढवळाढवळ करू शकत नाहीत.
- संपादित करा आणि पुन्हा वापराइमेजेस बदला, रंग बदला, मग Copy HTML ने इतरत्र पेस्ट करा, किंवा पुढच्या वेळेसाठी तुमच्या स्थानिक लायब्ररीत Save करा.
लेआउट मॉड्यूल्स पुन्हा बांधण्याऐवजी काढून का घ्यावेत
WeChat लेखांमधले देखणे ब्लॉक्स — शीर्षक असलेली सेक्शन कार्ड्स, फॉलो-अस प्रॉम्प्ट्स, स्टाइल्ड कोट्स, SVG डिव्हायडर — जवळजवळ नेहमीच हाताने जुळवलेले इनलाइन HTML आणि SVG असतात. एखादा नव्याने बांधायचा म्हणजे पॅडिंग, रंग, ग्रेडिएंट आणि नेस्टेड स्पॅन तंतोतंत जुळवणे — आणि एक चुकीचा बदल SVG कोसळवतो. त्याऐवजी तयार ब्लॉकच काढून घेतला की प्रत्येक तपशील अबाधित राहतो आणि काही सेकंदांत पुन्हा वापरता येणारी गोष्ट हाती येते.
तुम्ही पेस्ट केलेला लेख हे टूल पार्स करते आणि प्रत्येक स्टाइल्ड ब्लॉक स्वतंत्र मॉड्यूल म्हणून उचलते. संपूर्ण पेज एका गोळ्यात खरवडले जात नाही; स्वतंत्र, पुनर्वापरयोग्य तुकड्यांची नीटनेटकी यादी मिळते — दुसऱ्याच्या पोस्टमध्ये छान लेआउट पाहिल्यावर नेमके हेच तर हवे असते.
लोकल-फर्स्ट, म्हणजे अॅसेट्स खरोखर तुमचेच
क्लाउड एडिटर तुमचे सेव्ह केलेले ब्लॉक्स अकाउंटमागे त्यांच्या सर्व्हरवर ठेवतात. इथे लायब्ररी localStorage द्वारे तुमच्याच ब्राउझरमध्ये राहते, आणि बॅकअपसाठी किंवा मशीन बदलताना ती JSON फाइलमध्ये एक्सपोर्ट करता येते. काहीही अपलोड होत नाही, साइन-अप नाही, आणि पार्सिंग, इमेज बदलणे व रंगबदल हे सगळे ब्राउझरच्या स्वतःच्या DOM आणि Clipboard API नी तुमच्या डिव्हाइसवर चालते.
व्यावहारिक फायदा म्हणजे कामागणिक वाढत जाणारी वैयक्तिक, पोर्टेबल मॉड्यूल लायब्ररी: लेख पेस्ट करा, पुन्हा वापरण्याजोगे दोन-तीन ब्लॉक्स ठेवा, आणि पुढच्या वेळी ते थेट इनलाइन HTML म्हणून बाहेर काढा.
लोक याचा वापर कशासाठी करतात
आवडलेला लेआउट पुन्हा वापरा — दुसऱ्या लेखात छान शीर्षक-कार्ड किंवा डिव्हायडर दिसले — ते काढा, तुमच्या ब्रँडच्या रंगात रंगवा, आणि स्वतःच्या ड्राफ्टमध्ये कॉपी करा.
हाउस-स्टाइल किट बनवा — प्रत्येक अंकात वापरता ते सेक्शन हेडर, कोट स्टाइल्स आणि फॉलो-अस कार्ड्स एका स्थानिक लायब्ररीत गोळा करा.
टेम्पलेट ब्लॉकमधील इमेजेस बदला — आवडता इमेज-कार्ड लेआउट ठेवा आणि प्रत्येक वेळी फक्त चित्र तुमच्या स्वतःच्या अपलोडने बदला.
तुमच्या ब्रँडच्या रंगात रंगवा — इनलाइन स्टाइल्समध्ये शोधाशोध करण्याऐवजी ब्लॉकचा अॅक्सेंट रंग सगळीकडे एकदम बदला.
एडिटरमध्ये ब्लॉक्स हलवा — स्टाइलिंगसह जसेच्या तसे पेस्ट होणारे इनलाइन HTML कॉपी करा — WeChat एडिटर, CMS किंवा कोणत्याही रिच-टेक्स्ट बॉक्समध्ये.
खासगी, पोर्टेबल साठा ठेवा — बॅकअपसाठी किंवा दुसऱ्या ब्राउझरमध्ये नेण्यासाठी लायब्ररी JSON म्हणून एक्सपोर्ट करा — अकाउंट नाही, क्लाउड नाही.
IMG.DIY का
ब्लॉक एक्स्ट्रॅक्शन
SVG कार्ड्स, हेडर, कोट्स आणि डिव्हायडर स्वतंत्र मॉड्यूल म्हणून बाहेर काढते.
इमेजेस जागच्या जागी बदला
ब्लॉकमधील कोणतीही इमेज तुमच्या स्वतःच्या इमेजने बदला — अपलोड किंवा URL.
एका क्लिकमध्ये रंगबदल
ब्लॉक वापरत असलेल्या कोणत्याही रंगावर क्लिक करा आणि तो सगळीकडे एकदम बदला.
इनलाइन HTML कॉपी
थेट WeChat एडिटर, CMS किंवा कोणत्याही रिच-टेक्स्ट बॉक्समध्ये पेस्ट करा.
स्थानिक लायब्ररी
मॉड्यूल्स या ब्राउझरमध्ये सेव्ह करा आणि JSON म्हणून एक्सपोर्ट/इम्पोर्ट करा.
अपलोड नाही
पूर्णपणे तुमच्या ब्राउझरमध्ये चालते — तुमची सामग्री तुमच्या डिव्हाइसच्या बाहेर कधीच जात नाही.