10

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.

Improve this question
3
  • Why to vote for closing this question after it has already been answered? :)
    – andrerpena
    Commented Jan 9, 2010 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 Mod
    Commented Jan 10, 2010 at 20:08
  • now moved to code.google.com/p/pagedown
    – balpha StaffMod
    Commented Aug 3, 2011 at 16:38

4 Answers 4

Reset to default
9

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.

Improve this answer
11
  • Thanks for your reply but the wmd-new.googlecode.com/svn/trunk repository is empty.
    – andrerpena
    Commented Jan 8, 2010 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
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 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
    Commented Nov 12, 2010 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
    Commented Mar 18, 2011 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
    Commented Mar 18, 2011 at 15:15
  • @Brian Campbell, Thx anyway =D i will change the way seem there is no much support to imgur ~.~
    – 1myb
    Commented Mar 18, 2011 at 16:24
2

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

More info:

Improve this answer
3
  • This github editor keeps the theme of the official WMD-Editor =/
    – andrerpena
    Commented Jan 8, 2010 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ó
    Commented Jan 9, 2010 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
    Commented Jan 9, 2010 at 0:25
2

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.

Improve this answer
1
  • 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
    Commented Jan 9, 2010 at 0:02
1

The most active branch
v2 download page

Improve this answer

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