Introduction#
Official Introduction: Cbox Live Chat is an embedded real-time chat web application. It is very suitable for live broadcasts, online communities, and events.
Nowadays, many websites have a need for real-time communication. Compared to QQ, WeChat, Telegram, Discord, etc., Cbox is more convenient, private, and does not require registration or login. It may be a good choice.
With 20 years of service, it supports Chinese (simplified and traditional) on the front end, allows users to set avatars and customize themes, supports emoticons and custom message filters. The free version can store 100 historical messages and receive up to 1000 visitors per day. The paid version supports displaying IP, private messaging, registration, setting moderators and administrators. However, it is generally recommended to use it for lightweight needs. If you can meet the requirements of the paid version, it is still recommended to use traditional chat software.
Demo#
From the official chat room, this is only for demonstration purposes (click the personal 👤 button to set an avatar).
Code (HTML):
<iframe width="100%" height="400" src="//www7.cbox.ws/box/?boxid=813408&boxtag=fw0hPf&sec=main" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" allowtransparency="yes"></iframe>
Usage#
The website address is mentioned above. Although the backend is only available in English, the basic registration process is self-explanatory.
Enter the backend control panel, go to the Publish page, find the Embed Code (as shown above), and then you can insert it into a page that supports iframe.
For other settings, refer to the top bar. Here are some links to commonly used settings:
Word Filter Settings
Theme Editor (a few built-in themes are already good-looking)
Emoticons (30 free, 27 built-in (can be deleted))
Block IP/Users (free version only has 5 slots)
Manage Historical Messages
Add Other Administrators
Set Frontend Language
Welcome Message
Others#
Cbox uses its own boxcode syntax to display formatted text (similar to Markdown and other markup languages). For more details, please refer to the official documentation.
Here are some basic syntax examples for reference (machine-translated from the aforementioned documentation):
[color=#ff0000]HEX color[/color] or [color=forestgreen]color name[/color]
[color=#f00,#ff0]text color and background color[/color]
[b]bold[/b]
[u]underline[/u]
[i]italics[/i]
[s]strikethrough[/s]
[q]quoted text[/q]
[sub]subscript[/sub]
[sup]superscript[/sup]
[center]centered[/center]
[br](line break)
[big]large font size[/big]
[small]small font size[/small]
[class=custom]text with custom style[/custom]
[code]code block[/code]
[url=insert link]title[/url] or [url]insert link[/url]
[img=insert image link]title[/img] or [img]insert image link[/img]
Afterword#
Although my website does not currently have this need, I have indeed seen many domestic community websites using it, so I am sharing it here.