ng-showdown

Angular integration for Showdown

Showing:

Popularity

Downloads/wk

1.5K

GitHub Stars

102

Maintenance

Last Commit

3yrs ago

Contributors

7

Package

Dependencies

3

Size (min+gzip)

88.1KB

License

BSD-2-Clause

Type Definitions

Tree-Shakeable

No?

Categories

Readme

ng-showdown

Angular integration for Showdown

How to use it

  1. Install it

    a. via bower:

    bower install --save ng-showdown
    

    b. via npm

    npm install --save ng-showdown
    
  2. Include 'ng-showdown' in your module dependencies

  3. Use it

    <p markdown-to-html="vm.mymarkdown"></p>
    

Dependencies

ng-showdown depends on the ngSanitize module. Don't forget to include it:

<script src="angular.js"></script>
<script src="angular-sanitize.js"></script>

API

$showdown

$showdown.makeHtml(markdown) - Converts a markdown text into HTML

Input: string - markdown to be parsed

Output: string - html output from showdown

$showdown.stripHtml - Strips a text of it's HTML tags. See http://stackoverflow.com/questions/17289448/angularjs-to-output-plain-text-instead-of-html

Input: string - html to be stripped

Output: string - string without <html> tags

markdownToHtml directive

Example usage:

 <p markdown-to-html="vm.mymarkdown"></p>

Input: string - markdown to be parsed

Output: string - html output from showdown

stripHtml filter

Example usage:

 <p ng-bind="vm.someText | stripHtml"></p>

Input: string - Input to be stripped of html

Output: string - stripped html

Configuration

You can configure the options and extensions passed to showdown by using the $showdownProvider. To see these options, visit the Showdown page.

$showdownProvider.setOption(key, value) - sets the passed in option as a configuration option in showdown

$showdownProvider.getOption(key) - get the option as determined by the passed in key.

$showdownProvider.loadExtension(extensionName) - loads the extension into showdown as determined by the passed in extension name

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100