Markdown to html javascript

Question

I actually use TinyMCE (4.8.2) on my application for multiple fields. i automatize fields by json content from JIRA API. BUT... One of the field is already in Markdown from JIRA.

Then i have implemented plugin text_pattern from tinymce to configure the markdown symbol in javascipt. The problem still persist and the text will not changed to html without rewrite the text. I can't find issue, do you ?

function initMCEexact(e) {
    tinymce.init({
        mode: "exact",
        theme: "modern",
        plugins: 'textpattern, advlist',
        selector: 'textarea',
        elements: e,
        textpattern_patterns: [
            {start: '_', end: '_', format: 'italic'},
            {start: '*', end: '*', format: 'bold'},
            {start: 'h1. ', format: 'h1'},
            {start: 'h2. ', format: 'h2'},
            {start: 'h3. ', format: 'h3'},
            {start: 'h4. ', format: 'h4'},
            {start: 'h5. ', format: 'h5'},
            {start: 'h6. ', format: 'h6'},
            {start: '# ', cmd: 'InsertOrderedList'},
            {start: '* ', cmd: 'InsertUnorderedList'},
            {start: '*', cmd: 'InsertUnorderedList'},
            {start: '//brb', replacement: 'Be Right Back'}
        ]
    });
}

Expecting translation of markdown to HTML automatically.

user10833119 · Accepted Answer · 2018-12-27 13:39:27Z

6

It might be better if you use a Markdown to HTML converter. I recommend ShowdownJS. Just add it to your project with <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>, and then use this code:

var converter = new showdown.Converter();
var text = '# hello, markdown!';
var html = converter.makeHtml(text);

answered Dec 27, 2018 at 13:39

user10833119

Sign up to request clarification or add additional context in comments.

2 Comments

Fanny Bellais Over a year ago

Hello thanks for you're answer, the library is pretty cool but it's not adapted to my problem. In fact this library is maybe too restrictive...

Fanny Bellais Over a year ago

the values to change are to restrictive, exemple for the library : # heading and in my case : h1. heading

eapo · Accepted Answer · 2022-04-19 05:01:27Z

3

Really simple and possibly the smallest JavaScript MarkDown to HTML converter

drawdown.js at master · adamvleggett/drawdown

Detailed list of JavaScript MarkDown converters

jquery - Javascript to convert Markdown/Textile to HTML (and, ideally, back to Markdown/Textile) - Stack Overflow

edited Apr 19, 2022 at 5:01

answered Apr 19, 2022 at 4:52

eapo

1,0911 gold badge19 silver badges40 bronze badges

Collectives™ on Stack Overflow

Markdown to html javascript

2 Answers 2

2 Comments

Really simple and possibly the smallest JavaScript MarkDown to HTML converter

Detailed list of JavaScript MarkDown converters

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Really simple and possibly the smallest JavaScript MarkDown to HTML converter

Detailed list of JavaScript MarkDown converters

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related