Markdown Preview → becomes an Interactive Editor

[samuel-ek]

What improvement do you think would an existing feature or tool in DevToys?

Markdown Preview → becomes an Interactive Editor

Allow users to type in an editable Markdown pane (not read-only preview) and insert emojis inline with a picker, without relying on external tools or OS emoji pickers.

Use case:

Writing READMEs, documentation, or commit messages directly inside DevToys with visual formatting and emoji support.

Developers can draft content with instant rendering, search emojis, and insert them at cursor—all in-app, boosting productivity and reducing context switching.

Solution/Idea

1. Turn Preview into Editable Editor with Emoji Support

Enhance Markdown Preview pane to allow editing via Monaco (or similar), not just display.

Add toolbar icon (😊) or trigger via shortcut (e.g., Ctrl+E) to open an emoji picker popup.

2. Emoji Picker Features

Searchable grid: filter by name, category, tags (e.g., “rocket”, “party”).

Favorites / Recent: quick access to often-used emojis.

Insert at Cursor: inline insertion into the editable pane.

Optionally, Copy button for external pasting.

Comments

No response