Skip to content

[FEATURE]: Markdown Preview/Source Toggle in File Editor #13705

@kimi-chen

Description

@kimi-chen

Feature hasn't been suggested before.

  • I have verified this feature I'm about to request hasn't been suggested before.

Describe the enhancement you want to request

What problem this solves / need addressed

Currently, it is difficult to review markdown files visually in the file editor. Users must interpret raw markdown syntax, which is less accessible, especially for those unfamiliar with markdown formatting. This makes it challenging to quickly check formatting and content appearance.

Requested enhancement/context

Add a "Markdown Preview/Source" toggle button at the top-right corner of the file editor. The toggle should allow users to seamlessly switch between editing markdown source code and previewing how the document appears when rendered. Please clarify if this should be available in TUI, Desktop, Web, or all platforms. For now, I am requesting it for the main file editor (please specify if needed).

Expected behavior

  • When editing a markdown file in the editor, the user sees a toggle button in the top-right corner.
  • Clicking "Preview" displays the rendered markdown (formatted text, links, images, etc).
  • Clicking "Source" returns to editing the raw markdown text.
  • The feature should be intuitive and quick to switch.

Current behavior/limitation

  • No preview option exists, only code view.
  • Users must manually open their markdown files elsewhere to see formatted results.

Mockup example

Preview Mode


Image

Source Mode


Image

Metadata

Metadata

Assignees

Labels

discussionUsed for feature requests, proposals, ideas, etc. Open discussionneeds:complianceThis means the issue will auto-close after 2 hours.

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions