【问题标题】:Markdown to html javascript降价到 html javascript
【发布时间】:2022-04-19 13:01:27
【问题描述】:

我实际上在多个领域的应用程序中使用了 TinyMCE (4.8.2)。我通过来自 JIRA API 的 json 内容自动化字段。但是......其中一个领域已经在 J​​IRA 的 Markdown 中。

然后我实现了来自 tinymce 的插件 text_pattern 来配置 javascipt 中的降价符号。问题仍然存在,如果不重写文本,文本不会更改为 html。我找不到问题,你呢?

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'}
        ]
    });
}

希望自动将 Markdown 翻译成 HTML。

【问题讨论】:

    标签: javascript html tinymce markdown


    【解决方案1】:

    如果你使用 Markdown 到 HTML 转换器可能会更好。我推荐ShowdownJS。只需使用<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script> 将其添加到您的项目中,然后使用此代码:

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

    【讨论】:

    • 您好,感谢您的回答,该库非常酷,但不适合我的问题。事实上,这个库可能过于严格......
    • 要更改的值是限制性的,例如库:#标题,在我的情况下:h1。标题
    【解决方案2】:

    非常简单,可能是最小的 JavaScript MarkDownHTML 转换器

    JavaScript MarkDown 转换器的详细列表

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-12-23
      • 1970-01-01
      • 2016-01-26
      相关资源
      最近更新 更多