أضف ميزة تمييز الكلمات الرئيسية للبحث إلى أي صفحة ويب باستخدام Mark.js
معظم المتصفحات لديها وظيفة CTRL + F للبحث والعثور على ما يبحث عنه المستخدم. ولكن ، هذه الميزة غير معتمد على الأجهزة المحمولة وانها لا تعمل بشكل جيد باستخدام النص الديناميكي.
لحسن الحظ ، هناك Mark.js, جافا سكريبت البرنامج المساعد المجاني الذي يضيف تسليط الضوء على ميزة البحث إلى أي صفحة بكل سهولة.
بشكل افتراضي ، يعمل ك الفانيليا JS المساعد ولكن يمكن أيضا تشغيل على رأس مسج. إنه مشروع مفتوح المصدر تمامًا ، لذلك يمكنك استخدام هذا على أي موقع تجاري أو غير ذلك.
إنه يشبه إلى حد كبير أي ميزة بحث في المتصفح ، إلا أنه يأتي مع الأشياء الجيدة الإضافية. يمكنك إضافة مرشحات مخصصة الخاصة بك والبحث عن الكلمات على أساس تعبيرات منتظمة, مرادفات محددة, وحتى في عناصر الصفحة الديناميكية مثل iframes.
للبدء ، ما عليك سوى تنزيل ملف Mark.js من جيثب أو استضافة الملف من خلال CDN لتوفير الوقت.
يجب عليك تشغيل هذه الوظيفة متصلا حقل الإدخال على الصفحة. بهذه الطريقة يمكن للمستخدمين إدخال مصطلحات البحث و الحصول على ردود فعل فورية عبر النص المميز.
هنا أ مقتطف عينة من الصفحة التجريبية:
$ (". سياق"). علامة (الكلمة الأساسية [، خيارات]) ؛ ال .سياق الكلام أهداف الفئة أينما يجب أن الوظيفة البحث عن المصطلحات. يمكنك استخدام HTML الافتراضي جزء إذا كنت تحاول البحث في الصفحة بأكملها ، أو يمكنك المرور عناصر متعددة مثل الحاجيات كلفه مختلفة أو iframe.
ثم ، داخل علامة() وظيفة لك تمرير الكلمة, جنبا إلى جنب مع الخيارات (إذا كنت ترغب).
إذا سمحت للمستخدمين بكتابة كلمة أساسية ، يمكنك ذلك التحديث التلقائي وظيفة مع كلمة رئيسية جديدة بعد كل ضغطة. هناك حتى وظيفة محددة لاستهداف هذا الحدث.
Mark.js يعمل مع جميع المتصفحات الرئيسية, بما في ذلك Chrome و Firefox و Opera (الإصدار 12 +) و Internet Explorer (9+). من السهل إعدادها إذا كنت تتابع المستندات وتستخدم أحدث الملفات.
ولكن ، إذا كنت تريد أن ترى Mark.js في العمل نلقي نظرة خاطفة على كمان أدناه باستخدام عرض مسج أساسي جدًا للبحث في فقرات قليلة من Lorem Ipsum.
