Question

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

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

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

Answer 2

似乎 TinyMCE 现在为他们的编辑器提供了一个 Markdown 插件

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

<块引用>

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

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

2 个答案: