Kako napraviti sistem komentara poput Hackaday.com

24. jan 2020

UAU ŠTA SE DESILO?

Ovaj post je demonstracija korišćenja FastComments za izradu sistema komentara koji liči na https://hackaday.com.

Ne preporučujemo da ih kopirate. Ali ovo pokazuje fleksibilnost FastComments-a.

Učiniti da FastComments izgleda ovako je jednostavno! Napravili smo UI za to! Na primer, evo konfiguracije koju smo koristili da bismo prilagodili FastComments da odgovara ovoj stranici:

Ako želite da to uradite u kodu, to je jednako lako.

Samo trebamo postaviti nekoliko opcija. Pa, sedam. Evo isječak koda (prilagođeni CSS je izostavljen). Samo ovoliko CSS-a može biti umetnuto na ovaj način. Preporučujemo da koristite gore navedeni UI za definisanje CSS-a. Takođe će ga minifikovati za vas, dok definisanje svojstva customCSS neće primeniti nikakve optimizacije minifikacije.

Šta svaka od ovih opcija znači?

• commentCountFormat = Format naslova iznad niti komentara. "[count]" se zamenjuje stvarnim lokalizovanim brojem.
• commentCountUpdated = Funkcija koja se poziva kada se broj komentara promeni. Koristimo ovo da postavimo broj komentara na vrhu stranice.
• headerHTML = HTML koji se prikazuje iznad kutije "ostavite odgovor". U ovom slučaju, koristimo ga da umetnemo element naslova.
• hideAvatars = Hackaday nema avatare. Zbog toga ovo postavljamo na true da bismo ih sakrili.
• inputAfterComments = Premesta kutiju za odgovor na dno feed-a komentara.
• absoluteDates = Menja podrazumevani format datuma (npr., "Pre 11 minuta") u apsolutni datum.
• customCSS = Prilagođeno stilizovanje.

Sve opcije konfiguracije su dokumentovane ovde.