BetterChat is an unofficial addon for TeamSpeak 6 and aims to provide a better chat experience for the TeamSpeak 6 client. It enables support for BBCodes, improving messages sent by TeamSpeak 3 users, and automatic rich embeds for any website, including dedicated embeds for video, audio, image and twitter content. It works in both compact and detailed view.

BetterChat readds support for BBCodes in chat, just like in TeamSpeak 3. Currently, the following tags are supported:

Code	Syntax	Example
bold	[b]bold[/b]
code	[code]text[/code]
color	[color=#FFA500]hexcode[/color] or [color=orange]css color[/color]
italic	[i]italic[/i]
spoiler	[spoiler]spoiler[/spoiler]
strike	[s]strike[/s]
underline	[u]underline[/u]
url	[url]https://example.com[/url] or [url=https://example.com]text[/url]
pre	[pre]inline code[/pre]
superscript	[sup]superscript[/sup]
subscript	[sub]subscript[/sub]
details	[details]collapsed text[/details] or [details="summary"]collapsed text[/details]
hr	first paragraph[hr]second paragraph
h1	[h1]heading 1[/h1]
h2	[h2]heading 2[/h2]
h3	[h3]heading 3[/h3]
h4	[h4]heading 4[/h4]
h5	[h5]heading 5[/h5]
h6	[h6]heading 6[/h6]
center	[center]centered text[/center]
left	[left]left aligned text[/left]
right	[right]right aligned text[/right]
highlight	[highlight]highlighted text[/highlight]
footnote or fn	text[footnote]footnote[/footnote]
ol	[ol]   [li]first item[/li]   [li]second item[/li] [/ol]
ul	[ul]   [li]first item[/li]   [li]second item[/li] [/ul]
list	[list]   [li]first item[/li]   [li]second item[/li] [/list] List tags optionally support setting the list item style type: Unordered lists: "disc", "circle", "square" Ordered lists: "1", "i", "I", "a", "A" Example: [list=square]   [li]first item[/li]   [li]second item[/li] [/list] List items can be turned into task items by setting their tag value to either "o" for unckecked or "x" for checked task items. Example: [list]   [li=x]checked item[/li]   [li=o]unchecked item[/li] [/list]
table	[table]   [tr]     [th]first header[/th]     [th]second header[/th]   [/tr]   [tr]     [td]first value[/td]     [td]second value[/td]   [/tr] [/table]
math or tex	[math]2+2=4[/math] or [tex]2+2=4[/tex]
quote	[quote]quoted text[/quote] or [quote="title"]quoted text[/quote]
note	[note]note[/note]
tip	[tip]tip[/tip]
important	[important]important[/important]
warning	[warning]warning[/warning]
caution	[caution]caution[/caution]
mermaid or mmd	[mermaid] sequenceDiagram   Alice->>+John: Hello John, how are you?   Alice->>+John: John, can you hear me?   John-->>-Alice: Hi Alice, I can hear you   John-->>-Alice: I feel great! [/mermaid]

Tag values can optionally be surrounded by double-quotes in order to include closing square bracket characters. The double-quotes themselves can be escaped using a backslash. Example: [details="A quoted tag value including a \" and a ] character"].

BetterChat supports automatic rich embeds for any website, including dedicated embeds for video, audio, image and twitter content. Due to technical limitations, not all video and audio formats are supported at the moment.

Custom styling for the image preview can be changed in the static/betterchat/style.css. Rich embeds use the already existing CSS classes of the TeamSpeak client and should be compatible with already existing themes.

Installation steps:

1. Download the TS6AddonInstaller for your operating system from here
2. Start the installer
3. Select your TeamSpeak installation directory
4. Select "BetterChat"
5. Click on "Install"

BetterChat can be enabled and disabled while TeamSpeak is running. Simply navigate to the Chats category of the TeamSpeak settings. There you can toggle individual features, like BBCode support or Rich Embeds, or enable and disable the addon entirely.

1. A recent Node.js installation

Clone the repository and run the following commands in the root directory of this repository:

npm install
npm run build

The resulting archive can be found in the build/dist directory.