Kako napraviti sistem komentara kao Hackaday.com

24. januar 2020

OPA ŠTA SE DESILO?

Ovaj post je demonstracija korišćenja FastComments za pravljenje sistema komentara koji izgleda poput https://hackaday.com.

Ne predlažemo da ih kopirate. Ali ovo pokazuje fleksibilnost FastComments.

Uređivanje FastComments na ovaj način je jednostavno! Napravili smo UI za to! Na primer, ovde je konfiguracija koju smo koristili da FastComments prilagodimo ovoj stranici:

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

Samo moramo da postavimo nekoliko opcija. Pa, sedam. Evo isječaka koda (prilagođeni CSS je izostavljen). Samo određena količina CSS-a može biti ubačena na ovaj način. Preporučujemo da koristite gore navedeni UI za definisanje CSS-a. Takođe će ga minimizovati umesto vas, dok će definisanje svojstva customCSS primeniti bez optimizacija minimizacije.

Šta svaka od ovih opcija znači?

• commentCountFormat = Format naslova iznad niza komentara. "[count]" se menja sa stvarnim lokalizovanim brojem.
• commentCountUpdated = Funkcija koja se poziva kada se broj komentara menja. Koristimo ovo da postavimo broj komentara na vrhu stranice.
• headerHTML = HTML koji se prikazuje iznad kutije "ostavite odgovor". U ovom slučaju ga koristimo da ubacimo element naslova.
• hideAvatars = Hackaday nema avatare. Tako da ovo postavljamo na true da ih sakrijemo.
• inputAfterComments = Premesti kutiju za odgovor na dno niza komentara.
• absoluteDates = Menja podrazumevani format datuma (npr, "11 minuta ranije") u apsolutni datum.
• customCSS = Prilagođeno stilizovanje

Sve opcije konfiguracije su dokumentovane ovde.