Hvordan man laver et kommentar system som Hackaday.com

Jan 24nd 2020

WOW HVA SKETE DER?

Dette indlæg er en demonstration af at bruge FastComments til at lave et kommentar system, der ligner https://hackaday.com.

Vi foreslår ikke, at du kopierer dem. Men dette demonstrerer fleksibiliteten i FastComments.

At få FastComments til at se sådan ud er enkelt! Vi har bygget en UI til det! For eksempel, her er konfigurationen, vi brugte til at få FastComments til at matche denne side:

Hvis du vil gøre det i koden, er det lige så nemt.

Vi skal bare indstille et par valgmuligheder. Nå, syv. Her er kode-eksemplet (tilpasset CSS udeladt). Kun så meget CSS kan indsættes på denne måde. Vi anbefaler, at du bruger den ovenstående UI til at definere CSS. Den vil også minimere det for dig, mens det at definere customCSS-egenskaben ikke vil anvende nogen minificationsoptimeringer.

Så hvad betyder hver af disse?

• commentCountFormat = Formatet på titlen ovenfor kommentartråden. "[count]" Bliver erstattet med det faktiske lokaliserede antal.
• commentCountUpdated = En funktion, der kaldes, når kommentarantallet ændres. Vi bruger dette til at sætte kommentarantalet på toppen af siden.
• headerHTML = HTML der vises over "efterlad et svar" boksen. I dette tilfælde bruger vi det til at indsætte et hovedelement.
• hideAvatars = Hackaday har ikke avatars. Så vi sætter dette til true for at skjule dem.
• inputAfterComments = Flytter svarkassen til bunden af kommentarstrømmen.
• absoluteDates = Ændrer det standard datoformat (dvs. "11 minutter siden") til en absolut dato.
• customCSS = Tilpasset styling

Alle konfigurationsmuligheder er dokumenteret her.