Skip to main content
We’ve updated our Terms of Service. A new AI Addendum clarifies how Stack Overflow utilizes AI interactions.
replaced http://codereview.stackexchange.com/ with https://codereview.stackexchange.com/
Source Link

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I madethat I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel@IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)
replaced http://stackapps.com/ with https://stackapps.com/
Source Link

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answermy answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)
deleted 47 characters in body
Source Link
ᔕᖺᘎᕊ
  • 4.4k
  • 2
  • 17
  • 37

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • <code> support is experimental - and may not work.
  • Keyboard shortcuts are not currently working
  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • <code> support is experimental - and may not work.
  • Keyboard shortcuts are not currently working
  • Nothing from the standard screens has been removed - you will still see the default textarea!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)

Markdown is great! But WYSIWYG editors are really useful - no waste of screen space by having the preview underneath what you're typing, no accidents with markdown: You see what you get! So, I made a WYSIWYG editor for Stack Exchange sites.

It uses a HTML to Markdown converter that I made (slightly modified after being reviewed at Code Review; thanks @IsmaelMiguel!) (which uses DOMParser()) and a contenteditable div.

As a result, it will only work on browsers that support the contenteditable attribute, and also DOMParser().

It is in an alpha stage and can break at any time. But... this post was written with the WYSIWYG editor! :). It is packaged as a userscript, but basically works like a Chrome extension (but I ain't paying to publish :P)

Installation

  1. Install Tampermonkey or Greasemonkey

  2. Go to the GitHub repo to install or view the source code

  3. Enjoy

Screenshots

alt text

Notes

  • Nothing from the standard screens has been removed - you will still see the default textarea (see my answer for why)!
  • Please help by submitting issues and pull requests!
  • It only works for NEW questions and answers and the moment
  • If you're interested, here's a screenshot of this finished post in the editor :)
deleted 9 characters in body
Source Link
ᔕᖺᘎᕊ
  • 4.4k
  • 2
  • 17
  • 37
Loading
Source Link
ᔕᖺᘎᕊ
  • 4.4k
  • 2
  • 17
  • 37
Loading