Skip to content

Client-side Markdown Preview / Rendering for User Messages in Web Chat #1058

@VAUsIGT

Description

@VAUsIGT

Problem Statement:
Currently, users cannot format their messages using Markdown syntax (like code blocks with triple backticks) in the DeepSeek web chat. While the assistant's responses are beautifully rendered with proper code formatting and syntax highlighting, user input is displayed as plain text. This creates a disjointed and less productive experience, especially when discussing technical topics, sharing code snippets, or asking for debugging help.
Image

Alternatives that I have considered:

  • Sending the code without formatting: This is the current "workaround", but it greatly reduces readability, especially for multi-line code.
  • Using external services: Creating snippets on third-party platforms (like GitHub Gist) and sending links. This disrupts the workflow and requires additional actions.

Proposed Solution:
Implement client-side Markdown rendering for user messages before they are sent or live-preview in the input field. This would allow users to:
Format code blocks using language.
Use other basic Markdown elements like lists (-, 1.), bold/italic, or inline code.

Implementation Ideas:
Simple Render-on-Send: The message input is parsed and converted to formatted HTML upon sending, just like the assistant's messages are.
Live Preview Pane: Add a small preview pane below the input field that shows how the message will look.
Formatting Toolbar: Introduce a simple toolbar above the input with buttons for code blocks (</>), bold, italic, etc., similar to GitHub comments or Stack Overflow.
A clear and concise description of any alternative solutions or features you've considered.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions