如何用 TinyMCE 实现 markdown 编辑器？答案

【问题标题】：How to implement markdown editor with TinyMCE?如何用 TinyMCE 实现 markdown 编辑器？
【发布时间】：2016-12-13 11:41:17
【问题描述】：

我想为用户添加一个降价编辑器，以便将他们的答案发布到我的页面中。我找到了 TinyMCE，但有一个问题：我不知道如何用 TinyMCE 实现 markdown 编辑器。

有人有这方面的经验吗？请告诉我如何使用它设置降价编辑器。

【问题讨论】：

标签： tinymce markdown

【解决方案1】：

看起来Text Pattern Plugin 可以做到这一点：

此插件匹配文本中的特殊模式，并在这些模式上应用格式或执行命令。

…

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugin: 'textpattern',
  textpattern_patterns: [
     {start: '*', end: '*', format: 'italic'},
     {start: '**', end: '**', format: 'bold'},
     {start: '#', format: 'h1'},
     {start: '##', format: 'h2'},
     {start: '###', format: 'h3'},
     {start: '####', format: 'h4'},
     {start: '#####', format: 'h5'},
     {start: '######', format: 'h6'},
     {start: '1. ', cmd: 'InsertOrderedList'},
     {start: '* ', cmd: 'InsertUnorderedList'},
     {start: '- ', cmd: 'InsertUnorderedList'}
  ]
});

【讨论】：

请注意，这只会将模式替换为等效的 HTML。它不允许编辑 Markdown 或保存 Markdown 文本。

【解决方案2】：

似乎 TinyMCE 现在为其编辑器提供了 Markdown 插件

https://www.tiny.cloud/labs/markdown/

Tiny Markdown 是 TinyMCE 的 markdown 语法插件，提供为作者提供灵活的富文本和降价内容创建选项，并且还为开发人员提供了强大、可靠的降价输出项目。

【讨论】：

该插件似乎并非对所有用户都可用？或者我错了

【解决方案3】：

当我在代码中写“插件”时它不会加载插件，它应该是“插件”。

        tinymce.init({
        selector: ".make_post",
        plugins: 'textpattern',
        textpattern_patterns: [
            {start: '*', end: '*', format: 'italic'},
            {start: '**', end: '**', format: 'bold'},
            {start: '#', format: 'h1'},
            {start: '##', format: 'h2'},
            {start: '###', format: 'h3'},
            {start: '####', format: 'h4'},
            {start: '#####', format: 'h5'},
            {start: '######', format: 'h6'},
            {start: '1. ', cmd: 'InsertOrderedList'},
            {start: '* ', cmd: 'InsertUnorderedList'},
            {start: '- ', cmd: 'InsertUnorderedList'}
        ]
    });

【讨论】：