🌐
Reddit
reddit.com › r/markdown › turn vs code into a powerful markdown wysiwyg editor with mark sharp
r/Markdown on Reddit: Turn VS Code into a Powerful Markdown WYSIWYG Editor with Mark Sharp
May 20, 2024 -

Mark Sharp is a new Markdown WYSIWYG editor for VS Code that offers a modern Markdown editing experience tightly integrated with the power of VS Code. Get an intuitive and feature-rich Notion-like editor while enjoying the advantages of VS Code - streamlined window management, access to a vast library of extensions, and powerful search capabilities. No more need for side-by-side preview and scroll sync.

Some key features of Mark Sharp:

  • Fast - Mark Sharp is built with performance in mind so that editing is fast. -

  • Offline - Mark Sharp is only a Markdown editor and not a notes application, meaning you can use it with any notes management app or PKM system of your choice. Your notes are never stored on a server and the app always works offline.

  • Github Flavored Markdown with extras: tables, mermaid diagrams, frontmatter, footnotes, Katex Equations, wikilinks, and more. Organize your content with foldable headers and draggable blocks.

  • Chromeless - a document in Mark Sharp looks as good as what you'd expect from an HTML-rendered Markdown document. Work with Markdown using familiar syntax (such as # for titles, _ for italics, etc.) that disappear when you don't need them and reappear when you want to edit it. Built-in slash commands can quickly generate Markdown elements like tables and checklists without needing to remember or type out the Markdown syntax.

  • Switch Editor Mode command - VS Code's built in editor is best-in-class at text editing, so Mark Sharp is built to take advantage of it - use the Switch Editor Mode command to seamlessly toggle between Mark Sharp and the raw Markdown in VS Code's editor while maintaining your cursor and focus position so that you don't lose your context. Get the best of both editors.

Give it a try; I would love to hear your feedback, either here or on the project Github. Thank you!

Marketplace Install Link: https://marketplace.visualstudio.com/items?itemName=jonathan-yeung.mark-sharp

🌐
Hacker News
news.ycombinator.com › item
Show HN: A VSCode Extension to edit HTML visually in real-time | Hacker News
October 25, 2024 - https://github.com/no-gravity/html_editor · It has a few convenience functions already. Open for pull requests
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
EditSage - Visual Studio Marketplace
Extension for Visual Studio Code - HTML WYSIWYG editor. Configurable, Keyboard shortcuts. Supports static site generators.
🌐
GitHub
github.com › zaaack › vscode-markdown-editor
GitHub - zaaack/vscode-markdown-editor: A vscode extension to make your vscode become a full-featured WYSIWYG markdown editor
A vscode extension to make your vscode become a full-featured WYSIWYG markdown editor - GitHub - zaaack/vscode-markdown-editor: A vscode extension to make your vscode become a full-featured WYSI...
Starred by 512 users
Forked by 84 users
Languages   TypeScript 90.3% | HTML 5.0% | CSS 4.7%
🌐
RGB Web Tech
rgbwebtech.com › how latest technology trends impact industries › website design
Visual Studio Code HTML & CSS Editor
February 13, 2025 - Brackets is a source code editor with a primary focus on web development. Created by Adobe Systems, it is free and open-source software. Froala is a lightweight, JavaScript-based WYSIWYG HTML editor with rich text features, rapid extensions, and a clean, user-friendly design.
Call   9878585860
Address   Chandigarh, 160002
🌐
WYSIWYG Web Builder
wysiwygwebbuilder.com › board index › wysiwyg web builder › off topic section
Edit the HTML code generated by WYSIWYG with Visual Studio code - www.wysiwygwebbuilder.com
is it possible to edit the HTML code generated by WYSIWYG with Visual Studio code? Yes, because the output is standard HTML code. However, you cannot import the code back because WYSIWYG Web Builder is not a HTML/code editor.
🌐
Pinegrow
pinegrow.com › docs › master-pinegrow › using-external-code-editors › visual-studio-code
Visual Studio Code | Pinegrow Web Editor
JavaScript is disabled in your browser · Please enable JavaScript to proceed · A required part of this site couldn’t load. This may be due to a browser extension, network issues, or browser settings. Please check your connection, disable any ad blockers, or try using a different browser
Find elsewhere
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
Design Editor - Visual Studio Marketplace
Extension for Visual Studio Code - Try to implement design editor as VSC extension.
🌐
Visual Studio Code
code.visualstudio.com › api › extension-guides › custom-editors
Custom Editor API | Visual Studio Code Extension API
November 3, 2021 - Custom editors allow extensions to create fully customizable read/write editors that are used in place of VS Code's standard text editor for specific types of resources. They have a wide variety of use cases, such as: Previewing assets, such as shaders or 3D models, directly in VS Code. Creating WYSIWYG editors for languages such as Markdown or XAML.
🌐
Hongkiat
hongkiat.com › home › 20 powerful vs code extensions for front-end developers
8 Powerful Visual Studio Code Extensions for Front-end Developers
December 26, 2023 - To install an extension, just press CTRL+P inside VS Code to start the Quick Open panel, copy-paste this command into it, and finally restart the code editor to make the new extension work. If you want to frequently write HTML in Visual Studio Code, the HTML Snippets extension can come as a handy tool, as it adds elaborate support for HTML.
🌐
MESCIUS
developer.mescius.com › blogs › using-the-wijmo-designer-extension-for-visual-studio-code
Using the Wijmo Designer Extension for Visual Studio Code | Wijmo
The Wijmo Designer extension for VS Code assists with Angular development by providing a WYSIWYG design surface for editing markup tags that represent Wijmo controls, such as our Angular DataGrid Control.
🌐
thisDaveJ
thisdavej.com › articles › build an amazing html editor using visual studio code
Build an Amazing HTML Editor Using Visual Studio Code | thisDaveJ
November 1, 2016 - HTML Vscode · Summary · This guide explains how to transform Visual Studio Code into a powerful HTML editor by leveraging its built-in features and enhancing them with extensions like HTML Snippets, View in Browser, and HTMLHint. It covers formatting HTML, using Emmet for quick coding shortcuts, previewing pages in real time with tools like BrowserSync, and adding linting for error-checking and code quality.
🌐
GitHub
github.com › Microsoft › vscode › issues › 12148
Add WYSIWYG HTML Editing similar to MS Expresison Web/FrontPage · Issue #12148 · microsoft/vscode
July 14, 2016 - VSCode Version: any OS Version: mac os x Steps to Reproduce: The need for WYSIWYG editing in addition to preview is badly needed.
Published   Sep 16, 2016
🌐
Microsoft Learn
learn.microsoft.com › en-us › answers › questions › 3933336 › vscode-wysiwyg
VScode: WYSIWYG - Microsoft Q&A
WYSIWYG with ,PHP extension I am new to VScode, so thank you for your help! I want to see and edit my exitsing files in WYSIWIG with a .php extension. Can anyone help me with a PAID remote lesson. I installed HTML Wysiwig and PHP Intelphense but…
🌐
Visual Studio Marketplace
marketplace.visualstudio.com › items
Markdown Editor - Visual Studio Marketplace
Extension for Visual Studio Code - A full-featured WYSIWYG editor for markdown.
🌐
AlternativeTo
alternativeto.net › feature › wysiwyg-html-editor
Apps with 'WYSIWYG HTML Editor' feature | AlternativeTo
Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and smart components for Bootstrap, Foundation and WordPress.
🌐
Gloria Themes
gloriathemes.com › home › business tools › 11+ best wysiwyg html editors
11+ Best WYSIWYG HTML Editors | Gloria Themes
June 5, 2025 - Discover the best free WYSIWYG HTML editors. Learn about their features, pros, and cons, and choose the right one for you.
🌐
Visual Studio Code
code.visualstudio.com › docs › languages › html
HTML in Visual Studio Code
November 3, 2021 - "[html]": { "editor.foldingStrategy": "indentation" },