What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 130 Stack Exchange communities.

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.

share|improve this question

migrated from stackoverflow.com Jan 10 '10 at 21:50

This question came from our site for professional and enthusiast programmers.

marked as duplicate by balpha Aug 3 '11 at 16:37

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

    
Why to vote for closing this question after it has already been answered? :) –  André Pena 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

4 Answers 4

up vote 8 down vote accepted

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.

share|improve this answer
    
Thanks for your reply but the wmd-new.googlecode.com/svn/trunk repository is empty. –  André Pena 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 –  André Pena 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. –  André Pena 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. –  André Pena 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 –  SLim 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 ~.~ –  SLim Mar 18 '11 at 16:24

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

More info:

share|improve this answer
    
This github editor keeps the theme of the official WMD-Editor =/ –  André Pena 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... –  CMS 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. –  André Pena 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.

share|improve this answer
    
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. –  André Pena Jan 9 '10 at 0:02

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