Possible Duplicate:
Where's the WMD editor open source project?

I'd like to know if the version of Markdown that SO uses, with the same header with blank background and the same help button in the top right corner, is available for download.

  • Why to vote for closing this question after it has already been answered? :) – andrerpena Jan 9 '10 at 11:03
  • Answering a question doesn't prevent it being closed - in this case the votes are for it being migrated to Meta. The answers will be get migrated as well. I'm not 100% sure myself which is why I'm not voting – ChrisF Jan 10 '10 at 20:08
  • now moved to code.google.com/p/pagedown – balpha Aug 3 '11 at 16:38

Try wmd-new at Google Code or the Stack Overflow fork of WMD at GitHub.

Here's a quick demo of wmd-new (pulled from GitHub), with the styles slightly modified to look closer to those on SO. There are still a few differences (hover color on buttons, help question mark, etc), but it's really just a matter of tweaking the styles; the styles on Stack Overflow are built into their main stylesheet, and haven't all been applied to wmd-new.

In order to change the look of the buttons, or their hover states, you'll need to edit the image sprite that contains them all. That can be found in images/wmd-buttons.png, with the source Photoshop document in images/wmd-buttons.psd.

You shouldn't have to edit any JavaScript to get it to look like Stack Overflow, I don't believe, unless you want to get the textarea resizer, which you can find as a jQuery plugin.

  • Thanks for your reply but the wmd-new.googlecode.com/svn/trunk repository is empty. – andrerpena Jan 8 '10 at 23:46
  • The Google Code project is just there as a home page and bug tracker, not for code repository. Note the sentence "Actual development takes place on github (see links)." – Brian Campbell Jan 9 '10 at 0:02
  • @Brian: Ah.. so it's the same version as Rex and CMS said. I think I'll need to style it myself – andrerpena Jan 9 '10 at 0:06
  • The only difference in style I can see between that one and the one on SO is a few background colors and the help question mark. – Brian Campbell Jan 9 '10 at 0:08
  • @Brian: Yes but impressively there's no CSS to change these backgrounds and the help image. I tried modifying it in the original version of WMD and I didn't find that trivial, that's why I'm asking for a modified version. – andrerpena Jan 9 '10 at 0:10
  • No CSS to change the backgrounds and help image? Look in wmd.css; there are various background-color properties you can change. I've posted an example of modifying some of the backgrounds in my question. The help button is part of the image sprite you can find in images/wmd-buttons.png, with the source Photoshop image in images/wmd-buttons.psd. You will have to modify that if you want to change the button images, and re-export the .png (or just modify the .png directly, but that's less ideal). – Brian Campbell Jan 9 '10 at 0:26
  • @Brian: Oh god, it's my fault. The downloadable version of the source code in the link you posted does not contain any wmd.css, but the trunk version of the files have. They made some modifications because the last versions I checked also did not expose any css. The styles were made throuh javascript. I pretty much appreciate your attention and thank you for the help. – andrerpena Jan 9 '10 at 0:35
  • Adding new list items is horribly broken under Chrome and doesn't really work right under Safari. Is there a way to turn off the broken "electric list" function? – user153384 Nov 12 '10 at 17:40
  • @Brian Campbell , May i know how could i make it able to upload the image to imgur from the editor ? like what stackoverflow does ? Thx for reply – 1myb Mar 18 '11 at 10:05
  • @Spencer Lim: I don't know, I haven't looked at wmd in a long time. I'm not sure if they've published any of their more recent changes, like uploading to imgur; it looks to me like the project on GitHub hasn't been updated in a long time. – Brian Campbell Mar 18 '11 at 15:15
  • @Brian Campbell, Thx anyway =D i will change the way seem there is no much support to imgur ~.~ – 1myb Mar 18 '11 at 16:24

The StackOverflow branch of the WMD editor is hosted on github.

More info:

  • This github editor keeps the theme of the official WMD-Editor =/ – andrerpena Jan 8 '10 at 23:46
  • Oh, I see, then you can give a look to the style that SO uses, you can check the all.css file: sstatic.net/so/all.css?v=5934 look for all the selectors that start with the wmd- prefix... – Christian C. Salvadó Jan 9 '10 at 0:16
  • Just copied all these styles to the page I'm testing and it doesn't work. I knew that it wouldn't work because I knew that the background color and the button image were being set through javascript. I tried changing the javascript but it didn't get cross-browser. – andrerpena Jan 9 '10 at 0:25

Stackoverflow branches of WMD are maintained on GitHub here and here. If you have trouble making a specific customization, start a new question describing what you've attempted and what isn't working and you'll get plenty of help.

  • Thanks.. but the styles are not as the SO editor.. If I can't find an already modified version I'll try to do it myself :) Actually I already tried and got not so cross browser results. – andrerpena Jan 9 '10 at 0:02

The most active branch
v2 download page

Not the answer you're looking for? Browse other questions tagged .