diff options
Diffstat (limited to 'web/react/utils/markdown.jsx')
-rw-r--r-- | web/react/utils/markdown.jsx | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/web/react/utils/markdown.jsx b/web/react/utils/markdown.jsx new file mode 100644 index 000000000..7e88f8644 --- /dev/null +++ b/web/react/utils/markdown.jsx @@ -0,0 +1,62 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +const TextFormatting = require('./text_formatting.jsx'); + +const marked = require('marked'); + +export class MattermostMarkdownRenderer extends marked.Renderer { + constructor(options, formattingOptions = {}) { + super(options); + + this.heading = this.heading.bind(this); + this.text = this.text.bind(this); + + this.formattingOptions = formattingOptions; + } + + br() { + if (this.formattingOptions.singleline) { + return ' '; + } + + return super.br(); + } + + heading(text, level, raw) { + const id = `${this.options.headerPrefix}${raw.toLowerCase().replace(/[^\w]+/g, '-')}`; + return `<h${level} id="${id}" class="markdown__heading">${text}</h${level}>`; + } + + link(href, title, text) { + let outHref = href; + + if (outHref.lastIndexOf('http', 0) !== 0) { + outHref = `http://${outHref}`; + } + + let output = '<a class="theme markdown__link" href="' + outHref + '"'; + if (title) { + output += ' title="' + title + '"'; + } + output += ' target="_blank">' + text + '</a>'; + + return output; + } + + paragraph(text) { + if (this.formattingOptions.singleline) { + return `<p class="markdown__paragraph-inline">${text}</p>`; + } + + return super.paragraph(text); + } + + table(header, body) { + return `<table class="markdown__table"><thead>${header}</thead><tbody>${body}</tbody></table>`; + } + + text(text) { + return TextFormatting.doFormatText(text, this.formattingOptions); + } +} |