如何使用TinyMCE实现markdown编辑器?

Bùi*_*uấn 6 markdown tinymce

我想为用户添加一个markdown编辑器,将他们的答案发布到我的页面中.我找到了TinyMCE,但它有一个问题:我不知道如何使用TinyMCE实现markdown编辑器.

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

Chr*_*ris 9

看起来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'}
  ]
});
Run Code Online (Sandbox Code Playgroud)

  • 请注意,这只会用等效的 HTML 替换模式。它不允许编辑 Markdown 或保存 Markdown 文本。 (2认同)