5
6
+ 1
0

What is Showdown?

Showdown lets you add in-browser preview to existing Markdown apps. Any app that accepts HTML input can now be made to speak Markdown by modifying the input pages's HTML
Showdown is a tool in the Javascript Utilities & Libraries category of a tech stack.
Showdown is an open source tool with 10.1K GitHub stars and 1.4K GitHub forks. Here鈥檚 a link to Showdown's open source repository on GitHub

Who uses Showdown?

Companies

Developers
4 developers on StackShare have stated that they use Showdown.

Showdown Integrations

Why developers like Showdown?

Here鈥檚 a list of reasons why companies and developers use Showdown
Top Reasons
Showdown Reviews

Here are some stack decisions, common use cases and reviews by companies and developers who chose Showdown in their tech stack.

Johnny Bell
Johnny Bell
Senior Software Engineer at StackShare | 14 upvotes 309K views
atStackShareStackShare
Markdown
Markdown
React
React
GraphQL
GraphQL
Ruby
Ruby
Showdown
Showdown
Glamorous
Glamorous
Emotion
Emotion
styled-components
styled-components
#Frontend
#CssInJs
#StackDecisionsLaunch

For Stack Decisions I needed to add Markdown in the decision composer to give our users access to some general styling when writing their decisions. We used React & GraphQL on the #Frontend and Ruby & GraphQL on the backend.

Instead of using Showdown or another tool, We decided to parse the Markdown on the backend so we had more control over what we wanted to render in Markdown because we didn't want to enable all Markdown options, we also wanted to limit any malicious code or images to be embedded into the decisions and Markdown was a fairly large to import into our component so it was going to add a lot of kilobytes that we didn't need.

We also needed to style how the markdown looked, we are currently using Glamorous so I used that but we are planning to update this to Emotion at some stage as it has a fairly easy upgrade path rather than switching over to styled-components or one of the other cssInJs alternatives.

Also we used React-Mentions for tagging tools and topics in the decisions. Typing @ will let you tag a tool, and typing # will allow you to tag a topic.

The Markdown options that we chose to support are tags: a, code, u, b, em, pre, ul, ol, li.

If there are anymore tags you'd love to see added in the composer leave me a comment below and we will look into adding them.

#StackDecisionsLaunch

See more

Showdown Alternatives & Comparisons

What are some alternatives to Showdown?
Modernizr
It鈥檚 a collection of superfast tests or detects as we like to call them which run as your web page loads, then you can use the results to tailor the experience to the user. It tells you what HTML, CSS and JavaScript features the user鈥檚 browser has to offer.
Modernizr
It鈥檚 a collection of superfast tests or detects as we like to call them which run as your web page loads, then you can use the results to tailor the experience to the user. It tells you what HTML, CSS and JavaScript features the user鈥檚 browser has to offer.
fancybox
It is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built on the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.
Lodash
A JavaScript utility library delivering consistency, modularity, performance, & extras. It provides utility functions for common programming tasks using the functional programming paradigm.
Moment.js
A javascript date library for parsing, validating, manipulating, and formatting dates.
See all alternatives

Showdown's Followers
6 developers follow Showdown to keep up with related blogs and decisions.
rohitashwa kumar
Mohamma76685757
murtza
Qiangqiang Wu
Jim Buck
Francesco Colamonici