Hoe een commentsysteem te maken zoals Hackaday.com
24 jan 2020
WOW WAT IS ER GEBEUREN?
Deze post is een demonstratie van het gebruik van FastComments om een commentsysteem te maken dat lijkt op https://hackaday.com.
We raden je niet aan om ze te kopiëren. Maar dit toont de flexibiliteit van FastComments aan.
FastComments zo laten lijken is eenvoudig! We hebben er een UI voor gebouwd! Bijvoorbeeld, hier is de configuratie die we hebben gebruikt om FastComments deze pagina te laten matchen:
Als je het in-code wilt doen, is het net zo eenvoudig.
We hoeven gewoon een paar opties in te stellen. Nou, zeven. Hier is de code snippet (aangepaste CSS weggelaten). Er kan maar zoveel CSS op deze manier worden ingevoegd. We raden je aan om de bovenstaande UI te gebruiken voor het definiëren van CSS. Het zal het ook voor je verkleinen, terwijl het definiëren van de customCSS-eigenschap geen optimalisaties voor verkleining toepast.
Wat betekenen deze opties?
- commentCountFormat = Het formaat van de titel boven de commentaarthread. "[count]" wordt vervangen door het werkelijke gelokaliseerde aantal.
- commentCountUpdated = Een functie die wordt aangeroepen wanneer het aantal reacties verandert. We gebruiken dit om het aantal reacties bovenaan de pagina in te stellen.
- headerHTML = HTML die boven het "laat een reactie achter" vak wordt weergegeven. In dit geval gebruiken we het om een koptekst-element in te voegen.
- hideAvatars = Hackaday heeft geen avatars. Dus hebben we dit op true gezet om ze te verbergen.
- inputAfterComments = Verplaatst het reactie vak naar de onderkant van de commentaarfeed.
- absoluteDates = Verandert de standaard datumindeling (d.w.z. "11 Minuten Geleden") naar een absolute datum.
- customCSS = Aangepaste stijl
Alle configuratie-opties zijn gedocumenteerd hier.