[Feature]: MateChat React Markdown Card

[ztygod]

Related links

https://matechat.gitcode.com/components/markDownCard/demo.html

Functions to be implemented

• Typewriter effect（打字机效果）
• think tag support
• Theme Switcher
• Mathematical formula
• Mermaid Rendering
• PlantUML Rendering
• Emoji Rendering
• Some custom features

[fu050409]

@ztygod Sorry, but in fact, I don't understand the significance of this component. I think the functions it implements are exactly the same as those of Bubble. I'm not sure if there is a deviation in my understanding. If so, please feel free to clarify.

[ztygod]

@fu050409 I still think there is a difference between the two.

• markdown card
  • Position: Displays a block of rich text or Markdown rendered content (usually a system message or robot reply)
  • Style: Independent blocks, usually full width of container, suitable for continuous content
  • Application: Generally used as a container for AI answers
• Bubble
  • Position: Usually displays messages sent by users
  • Style: Like bubbles, they are usually aligned to the left or right
  • Application: Chat messages (conversations between users/AI), loading messages, short texts

The two do have some similarities in functionality. Perhaps we can consider adding markdown rendering functionality to Bubble.

[fu050409]

@ztygod Please allow me to clarify: The Bubble component now has Markdown rendering capabilities, including user input and agent output. In fact, most AI agents currently output content in Markdown format. It is necessary to support Markdown parsing in Bubble. Meanwhile, to enhance code reusability, we should maintain as few components as possible that may have overlapping features.

[ztygod]

@fu050409 I'm sorry that I didn't understand the function of the Bubble component in advance.😂😂In this case,I would like to ask whether it is necessary to add more features to the Bubble component, such as typewriter effect, think tag, and some custom functions.