إن كنت تدير حسابًا رسميًا على WeChat (أو أي منشور نص غني)، فقد رأيت تخطيطات تتمنّى لو أمكنك إعادة استخدامها — بطاقة قسم بعنوان، وكتلة متابعة، واقتباس منسّق، وفاصل. نسخها يدويًا يعني التنقيب في HTML متداخل، وتعديل خاطئ واحد يكسر SVG بأكمله. تقوم هذه الأداة بالجزء المضني عنك: ألصق مقالًا، فتستخرج كل كتلة منسّقة كوحدة مستقلة قابلة لإعادة الاستخدام.
من هناك يمكنك تبديل الصور داخل كتلة (ارفع واحدة جديدة أو ألصق رابطًا)، وإعادة تلوينها بنقر أي لون تستخدمه، ونسخ الكتلة كـ HTML مضمّن جاهز للصق في محرّر WeChat أو نظام إدارة محتوى أو أي صندوق نص غني — وحفظ ما يعجبك في مكتبة محلية تعيش في هذا المتصفح. لا يُرفَع أي شيء؛ ومحتواك ملكك.
ولأن كل شيء يعمل من جهة العميل بواجهتَي Clipboard وlocalStorage، فلا حساب، ولا سحابة، ولا خلفية خادم — الفكرة المحلية أولًا نفسها التي تقوم عليها بقية IMG.DIY.
طريقة الاستخدام
- ألصق مقالًاانسخ مقال WeChat (أو أي محتوى غني) والصقه في الصندوق. يمكنك أيضًا لصق مصدر HTML الخام.
- استخرج الوحداتانقر استخراج — تظهر كل كتلة منسّقة كبطاقة معاينة خاصة بها، معزولة كي لا تتداخل أنماط الصفحة.
- عدّل وأعد الاستخدامبدّل الصور، أعد التلوين، ثم انسخ HTML للصقه في مكان آخر، أو احفظه في مكتبتك المحلية للمرة القادمة.
لماذا تستخرج وحدات التخطيط بدلًا من إعادة بنائها
الكتل حسنة المظهر في مقالات WeChat — بطاقات الأقسام المعنونة، ومحفّزات المتابعة، والاقتباسات المنسّقة، وفواصل SVG — تكون غالبًا HTML وSVG مضمّنة مجمّعة يدويًّا. إعادة بناء واحدة من الصفر يعني مطابقة الحشو والألوان والتدرّجات والعناصر المتداخلة بالضبط، وتعديل خاطئ واحد يهدم SVG. أما استخراج الكتلة المكتملة فيبقي كل تفصيل سليمًا ويحوّلها إلى شيء تعيد استخدامه في ثوانٍ.
تحلّل هذه الأداة المقال الذي تلصقه وترفع كل كتلة منسّقة كوحدة مستقلة. أنت لا تكشط صفحة كاملة في كتلة واحدة؛ بل تحصل على قائمة أنيقة من القطع الفردية القابلة لإعادة الاستخدام — الشيء نفسه الذي أردته حين رأيت تخطيطًا جميلًا في منشور غيرك.
محلي أولًا، فالأصول ملكك فعلًا
تُبقي المحرّرات السحابية كتلك المحفوظة على خوادمها خلف حساب. هنا تعيش المكتبة في متصفحك عبر localStorage، ويمكنك تصديرها إلى ملف JSON لنسخها احتياطيًّا أو نقلها بين الأجهزة. لا يُرفع شيء، ولا تسجيل، ويجري التحليل وتبديل الصور وإعادة التلوين كلها على جهازك عبر DOM المتصفح وواجهات Clipboard الخاصة به.
المردود العملي مكتبة وحدات شخصية محمولة تنمو مع عملك: الصق مقالًا، احتفظ بالكتلتين أو الثلاث الجديرة بإعادة الاستخدام، وفي المرة القادمة اسحبها مباشرةً كـ HTML مضمّن.
فيمَ يستخدمها الناس
أعِد استخدام تخطيط أعجبك — رأيت بطاقة معنونة أو فاصلًا لطيفًا في مقال آخر — استخرجه، أعِد تلوينه لعلامتك، وانسخه في مسودّتك.
ابنِ عدّة بأسلوب منزلي — اجمع رؤوس الأقسام وأنماط الاقتباسات وبطاقات المتابعة التي تستخدمها كل عدد في مكتبة محلية واحدة.
بدّل الصور في كتلة قالب — احتفظ بتخطيط بطاقة صورة مفضّل واستبدل الصورة فقط كل مرة برفعك الخاص.
أعِد التلوين لعلامتك — غيّر لون تمييز كتلة في كل مكان دفعة واحدة بدلًا من التنقيب في الأنماط المضمّنة.
انقل الكتل بين المحرّرات — انسخ HTML مضمّنًا يُلصق بتنسيقه سليمًا في محرّر WeChat أو نظام إدارة محتوى أو أي صندوق نص منسّق.
احتفظ بمخزون خاص محمول — صدّر مكتبتك كـ JSON لنسخها احتياطيًّا أو حملها إلى متصفح آخر — بلا حساب ولا سحابة.
كتل التخطيط الجيدة محبوسة داخل مقالات الآخرين
كل من يدير حساب WeChat رسميًا يجمع كتل التخطيط بالطريقة البطيئة. تقرأ مقالًا فيه بطاقة عنوان SVG جميلة، ولوحة "تابعنا" أنيقة، ورأس قسم بشريط ملوّن على جانبه، فتفكّر: أريد ذلك الهيكل. فتنسخ المقال كله إلى محرّرك، ثم تقضي عشرين دقيقة تحذف كل شيء عدا الكتلة الواحدة التي أردتها، متمنّيًا ألا تقطع <span> شاردًا يجعل الـ SVG ينهار. طباعة SVG في WeChat هشّة على نحو سيئ السمعة — سمة واحدة في غير موضعها، أو صورة غيّرت حجمها في المكان الخطأ، فتُعرض البطاقة صندوقًا مكسورًا على نصف هواتف القرّاء. الكتل التي تريدها حقيقية، وقابلة لإعادة الاستخدام، وقابعة هناك في الـ HTML، لكن لا طريقة نظيفة لانتزاع واحدة والاحتفاظ بها.
النصف الآخر من الألم هو الملكية. الجواب البديهي محرّر قوالب مثل 秀米 أو 135编辑器: مكتبات ضخمة، وسحب وإفلات، وقوّة حقيقية. لكن الأصول تعيش في سحابتهم، خلف حساب، وغالبًا خلف فئة عضوية. طقم أسلوبك المجمَّع بعناية ليس مجلدًا تملكه — بل تسجيل دخول تستأجره. إن أردت تسليم كتلة لزميل، أو تعديل لون عبر كل بطاقة دفعة واحدة، أو مجرد الاحتفاظ بمكتبة شخصية للرؤوس الخمسة التي تعيد استخدامها فعلًا، فأنت تعمل داخل منتج شخص آخر بشروطه.
تتّخذ هذه الأداة النهج المعاكس. تلصق مقالًا (أو أي محتوى غنيّ، أو HTML خام) فتحلّل الترميز مباشرة في متصفحك، منتزعةً كل كتلة منسّقة قابلة لإعادة الاستخدام — بطاقات طباعة SVG، ورؤوس أقسام معنونة، وبطاقات تابعنا، واقتباسات منسّقة، وفواصل — كوحدة مستقلّة خاصة بها. من هناك تحرّر كل واحدة مباشرة: بدّل الصورة داخل بطاقة، أعد تلوينها، انسخها كـ HTML مضمَّن نظيف جاهز للصق في محرّر WeChat أو أي مربّع نصّ غنيّ، واحفظها في مكتبة محلية تصدّرها كـ JSON. لا يُرفع أي شيء، ولا حساب، وبمجرد تحميل الصفحة تواصل العمل دون اتصال. قيد صادق مقدّمًا: لا تستطيع جلب مقال برابطه — تحجب المتصفحات الطلبات عبر المواقع إلى mp.weixin.qq.com، فالمدخل دائمًا نسخ ولصق.
ما الذي يميّزها
- محلية أولًا، لا يُرفع أي شيء. يجري التحليل في المتصفح عبر
DOMParser. المقال الذي تلصقه لا يغادر جهازك أبدًا — لا خادم، ولا حساب، ولا واجهة خلفية. - استخراج لكل وحدة. تخرج كل كتلة منسّقة كوحدة منفصلة قائمة بذاتها بدل جدار من الترميز المتشابك عليك تشذيبه يدويًا.
- تبديل الصورة في مكانها. استبدل الصورة داخل بطاقة برفع جديدة أو لصق رابط صورة — دون لمس هيكل SVG المحيط الذي يجعلها هشّة.
- أعد التلوين في كل مكان دفعة واحدة. انقر أي لون تستخدمه وحدة وغيّره عبر الكتلة كلها في حركة واحدة، فتطابق بطاقة علامتك دون بحث في رموز HEX.
- نسخ HTML مضمَّن نظيف. نقرة واحدة تضع الوحدة في حافظتك كـ HTML مضمَّن (عبر Clipboard API)، جاهزة للّصق مباشرة في محرّر WeChat، أو نظام إدارة محتوى، أو أي حقل نصّ غنيّ.
- مكتبة تملكها. احفظ الوحدات في التخزين المحلي وصدّر أو استورد المجموعة كاملة كـ JSON — طقم أصول حقيقي محمول، لا تسجيل دخول تستأجره.
- معاينات معزولة. تُعرض كل وحدة داخل Shadow DOM، فلا تتسرّب أنماط كتلة إلى أخرى وتُظهر المعاينة بالضبط ما ستلصقه.
- تعمل دون اتصال بمجرد التحميل. بعد تحميل الصفحة، لا حاجة لاتصال للاستخراج أو التحرير أو النسخ.
IMG.DIY مقابل أدوات التخطيط الأخرى
| IMG.DIY Module Extractor | 秀米 (xiumi.us) | 135编辑器 | i排版 | نسخ الـ HTML يدويًا | |
|---|---|---|---|---|---|
| الغرض الأساسي | استخراج وامتلاك كتل قابلة لإعادة الاستخدام | محرّر قوالب كامل | محرّر قوالب كامل | محرّر قوالب كامل | — |
| مكتبة القوالب | لا شيء (تبني ممّا تلصق) | ضخمة | ضخمة | كبيرة | لا شيء |
| يتطلّب حسابًا | لا | نعم | نعم | نعم | لا |
| يُرفع أي شيء | لا | نعم (سحابة) | نعم (سحابة) | نعم (سحابة) | لا |
| امتلاك الأصول | نعم (JSON محلي) | مستأجَرة / سحابة | مستأجَرة / سحابة | مستأجَرة / سحابة | نعم، لكن يدوي |
| تبديل صورة لكل كتلة | نعم | نعم (في المحرّر) | نعم (في المحرّر) | نعم (في المحرّر) | يدوي |
| إعادة تلوين كتلة كاملة | نعم، نقرة واحدة | نعم (في المحرّر) | نعم (في المحرّر) | نعم (في المحرّر) | يدوي |
| تعمل دون اتصال | نعم، بمجرد التحميل | لا | لا | لا | نعم |
| السعر | مجاني | فئة مجانية + مدفوع | فئة مجانية + مدفوع | فئة مجانية + مدفوع | مجاني |
إنصافًا، هذه ليست بديلًا عن محرّر قوالب، ولا تتظاهر بذلك. 秀米 و135编辑器 وi排版 منتجات ناضجة بمكتبات قوالب هائلة، وتخطيط سحب وإفلات حيّ، وسنوات من الصقل — إن كنت تبني مقالًا غنيًّا من الصفر، فذلك مقصدك، وهي تستحقّ سمعتها. ما لا تمنحه هو مجلد خاصّ محمول للكتل المحدّدة التي تعيد استخدامها، قابل للتحرير دون تسجيل دخول وخالٍ من مغادرة أي شيء جهازك. هذه الأداة مستخرِج ومنظِّم، لا محرِّر: تحوّل الكتل التي تعجبك في البرّية إلى وحدات تملكها وتعيد تلوينها وتعيد تصويرها وتلصقها في أي مكان. استخدم المحرّرات الكبيرة للتأليف؛ واستخدم هذه للاحتفاظ بالقطع.
لماذا IMG.DIY
استخراج الكتل
يستخرج بطاقات SVG والترويسات والاقتباسات والفواصل كوحدات مستقلة.
بدّل الصور مضمّنة
استبدل أي صورة في كتلة بصورتك — رفعًا أو رابطًا.
إعادة تلوين بنقرة
انقر أي لون تستخدمه كتلة وغيّره في كل مكان دفعة واحدة.
انسخ HTML مضمّنًا
الصق مباشرةً في محرّر WeChat أو نظام إدارة محتوى أو أي صندوق نص غني.
مكتبة محلية
احفظ الوحدات في هذا المتصفح وصدّرها/استوردها كـ JSON.
بلا رفع
يعمل بالكامل داخل متصفحك — محتواك لا يغادر جهازك أبدًا.