A Keresés a kulcsszó kiemelése bármely webhelyhez a Mark.js segítségével

A legtöbb böngésző rendelkezik a CTRL + F funkció keresni és megtalálni, amit a felhasználó keres. De ez a funkció a mobil eszközök nem támogatottak és dinamikus szöveggel nem működik jól.

Szerencsére van Mark.js, ingyenes JavaScript plugin, amely hozzáad egy jelölje ki a keresési funkciót könnyedén bármely oldalra.

Alapértelmezés szerint ez egy vanília JS plugin de futhat a jQuery tetején. Ez egy teljesen nyílt forráskódú projekt, így szabadon használhatja ezt bármelyik kereskedelmi vagy egyéb webhelyen.

Úgy működik, mint bármelyik böngésző keresési funkciója, kivéve, ha extra finomságokkal rendelkezik. Hozzáadhat saját egyéni szűrők és keresse meg a szavakat rendszeres kifejezések, specifikus szinonimák, és még dinamikus oldalelemek például iframes.

Az indításhoz töltse le a Mark.js fájlt GitHub-tól vagy a fájlt CDN-en keresztül időt spórolni.

Futtassa ezt a funkciót csatlakozik egy beviteli mezőhöz az oldalon. Így a felhasználók megadhatják a keresési kifejezéseket és azonnali visszajelzést kap kiemelt szöveg segítségével.

Itt van egy minta töredéke a demóoldalról:

 $ (".text"). jel (kulcsszó [, opciók]); 

A .kontextus osztály célok, bárhol is kell a funkciónak keresni a kifejezéseket. Lehet, hogy használja a alapértelmezett HTML elem ha megpróbálod az egész oldalt keresni, vagy átadhatod több elem például a különböző lapozott widgetek vagy iframes.

Aztán, a Mark() funkció adja át a kulcsszót, az opciókkal együtt (ha kívánja).

Ha lehetővé teszi, hogy a felhasználók egy kulcsszót írjanak be, akkor lehet a funkció automatikus frissítése új kulcsszóval minden gombnyomás után. Még egy speciális funkció is van az esemény célzására.

Mark.js minden nagyobb böngészővel működik, beleértve a Chrome, a Firefox, az Opera (v12 +) és az Internet Explorer (9+). Igazán könnyű beállítani, ha követi a dokumentumokat és használja a legújabb fájlokat.

De ha látni akarod Mark.js a műveletben vigyázz a hegedű alatt egy nagyon alapos jQuery demó segítségével Lorem Ipsum néhány részét keresni.