angular.markdown.js

//----------------------------------------------------------------------------------------------------------------------
// A directive for rendering markdown in AngularJS.
//
// Written by John Lindquist (original author). Modified by Jonathan Rowny (ngModel support).
// Adapted by Christopher S. Case
//
// Taken from: http://blog.angularjs.org/2012/05/custom-components-part-1.html
//
// @module angular.markdown.js
//----------------------------------------------------------------------------------------------------------------------

var MarkdownModule = angular.module("angular-markdown", []);

MarkdownModule.directive('markdown', function()
{
    var converter = new Showdown.converter();

    return {
        restrict: 'E',
        require: '?ngModel',
        link:  function(scope, element, attrs, model)
        {
            // Check for extensions
            var extAttr = attrs['extensions'];
            var callPrettyPrint = false;
            if(extAttr)
            {
                var extensions = [];

                // Convert the comma separated string into a list.
                extAttr.split(',').forEach(function(val)
                {
                    // Strip any whitespace from the beginning or end.
                    extensions.push(val.replace(/^\s+|\s+$/g, ''));
                });

                if(extensions.indexOf('prettify') >= 0)
                {
                    callPrettyPrint = true;
                } // end if

                // Create a new converter.
                converter = new Showdown.converter({extensions: extensions});
            } // end if

            // Check for option to strip whitespace
            var stripWS = attrs['strip'];
            if(String(stripWS).toLowerCase() == 'true')
            {
                stripWS = true;
            }
            else
            {
                stripWS = false;
            } // end if

            // Check for option to allow html
            var allowHtml = attrs['allowHtml'];
            if(String(allowHtml).toLowerCase() == 'true')
            {
                allowHtml = true;
            }
            else
            {
                allowHtml = false;
            } // end if

            // Check for option to translate line breaks
            var lineBreaks = attrs['lineBreaks'];
            if (String(lineBreaks).toLowerCase() == 'true') {
              lineBreaks = true;
            } else {
              lineBreaks = false;
            } // end if

            var render = function()
            {
                var htmlText = "";
                var val = "";

                // Check to see if we're using a model.
                if(attrs['ngModel'])
                {
                    if (model.$modelValue)
                    {
                        val = model.$modelValue;
						if (!allowHtml)
						{
							val = String(val).replace(/<[^>]+>/gm, '');
						}
                    } // end if
                }
                else
                {
                    // Export using text() by default...
                    var exportFn = 'text';

                    // But with html() if allowHtml is "true"
                    if (allowHtml)
                    {
                        exportFn = 'html';
                    } // end if

                    val = element[exportFn]();
                } // end if

                if(stripWS)
                {
                    val = val.replace(/^[ /t]+/g, '').replace(/\n[ /t]+/g, '\n');
                } // end stripWS

                if (lineBreaks) {
                    val = val.replace(/&#10;/g, '\n');
                } // end lineBreaks

                // Compile the markdown, and set it.
                htmlText = converter.makeHtml(val);
                element.html(htmlText);

                if(callPrettyPrint)
                {
                    prettyPrint();
                } // end if
            };

            if(attrs['ngModel'])
            {
                scope.$watch(attrs['ngModel'], render);
            } // end if

            render();
        } // end link
    }
}); // end markdown directive

//----------------------------------------------------------------------------------------------------------------------