أدوات لالتقاط وتحويل الويب
GrabzIt رابط معاينة البرنامج المساعد

رابط معاينة البرنامج المساعد

يعرض المكون الإضافي Link Preview Plugin معاينة لصفحة الويب التي يرتبط بها الرابط عندما يحوم المستخدم فوق الرابط ويكون للفئة الرابط grabzit-preview. هذا saveهو وقت المستخدم عند تحديد الروابط التي تريد.

للبدء ، ضع السطر أدناه في أسفل الصفحة أعلى علامة إغلاق النص مباشرة. ثم استبدل "التطبيق الرئيسي" بـ الخاص بك الفعلي مفتاح التطبيق. التالي لإضافة القدرة على معاينة رابط ببساطة إضافة grabzit-preview الطبقة إلى الرابط. سيتم بعد ذلك قراءة هذا تلقائيًا وإنشاء معاينة.

new GrabzItPreview("Sign in to view your Application Key");

ليس عليك تعيين أي خيارات تكوين أخرى غير ذلك ، ومع ذلك يمكنك تحديد كل الخيارات عام ، صورة و GIF المتحركة المعلمات في كائن الخيارات. على سبيل المثال ، في المثال أدناه ، قمنا بتعيين العرض والارتفاع ليكون 200 x 200.

new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});

إذا كنت ترغب في تحديد عنوان URL غير العنوان الموجود في سمة href. يمكنك تحديد واحد باستخدام grabzit-href السمة على سبيل المثال.

<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>

لا تتردد في تغيير JavaScript أو CSS كما يحلو لك! ومع ذلك ، فإننا نقدم فئات CSS خاصة يمكنك استخدامها لتصميم مربع المعاينة ، وهذه تشمل: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader و grabzit-preview-screenshot.

تثبيت GrabzIt Preview على مدونة أو CMS

GrabzIt Preview متوافق تمامًا مع مدونة أو CMS ، مثل WordPress و Drupal و Joomla. فقط مفتوحة بلوق، أو سم-الملف INSTALL.txt وجدت في تنزيل البرنامج المساعد ، وهذا يشمل جميع جافا سكريبت و CSS المطلوبة في كتلة واحدة. ويمكن بعد ذلك إدراجها into عنصر واجهة تعامل المستخدم يقبل HTML الخام ، فهذه الأدوات موجودة في معظم أنظمة إدارة المحتوى أو المدونات. تذكر تحديد موقعه في أسفل الصفحة بعد المحتوى.

حمل التطبيق الآن


هذا البرنامج المساعد جافا سكريبت مفتوح المصدر تماما! إذا كنت ترغب في عرض أو تحسين شفرة المصدر ، يمكنك العثور عليها GitHub جيثب:.