集成Markdown WYSIWYG文本编辑器

Question

在为Markdown代码寻找一个简单的WYSIWYG编辑器时，我找不到与CkEditor、TinyMCE等相比较的UI。

具体来说，通常建议使用的Markdown " WYSIWYG“编辑器(如这 )并不是纯WYSIWYG编辑器，因为用户仍然编写原始标记( MarkItUp )或进入另一个极端，即在没有标准控件( Hallo )的情况下进行在线编辑。

我需要一些中间的东西。

我正在寻找一个标记编辑器，它的外观和功能类似于一个精简的CkEditor文本框，它接受并输出Markdown。应该有一个包含最少格式选项集(B、I、U、lists等)的工具栏，文本输入区域应该显示转换后的Markdown，而不是原始代码。应该有一个Source按钮，允许用户编辑原始标记，但即使这样也是可选的。例如：

​

​

我知道Markdown/wiki等的原因--它提供的安全性。我不介意输入像SE这样的原始代码，但我的用户并不是极客，也不觉得这很有趣。他们不想看到* ___和空格与他们的文本混在一起。他们习惯于"Word“风格的编辑，并且在那个环境中最有效率。

那么-是否有一个真正集成的WYSIWYG编辑器的Markdown？我是用PHP编写的，所以我可以用类调用的东西将是完美的。

2015年9月23日更新

CKEditor现在有一个Markdown 副词来完成这一任务。addon项目是托管在github上。

截图：

​

​

​

​

2015年4月13日更新

一些声称开发CKEditor的人说，CommonMark的出现改变了游戏规则，我们可能会看到一个合适的CKEditor的标记接口 (阅读完整故事的评论)。

2015年2月6日更新

CKEditor现在附带了一个插件，它输出(并接受作为输入) BBCode。

演示：http://ckeditor.com/demo#bbcode

Answer 1

前几天，我在这个主题上进行了研究，但我还没有找到任何体面的带有Markdown输出的WYSIWYG编辑器。实际上，首先您必须创建一个WYSIWG标记编辑器，它是WYSIWG HTML编辑器，市场上只有很少的编辑器可以使用。

您有可能为dataProcessor创建CKEditor编辑器，将其转换为Markdown编辑器。我们已经为BBCode提供了这样一个插件(查看http://nightly-v4.ckeditor.com/3737/samples/bbcode.html)。

您所要做的就是实现这个接口api/#!/api/CKEDITOR.dataProcessor。如果您检查BBCode插件的代码，您将看到一些技巧和技巧，因为不幸的是，当前CKEditor的体系结构还没有准备好创建这样的数据处理器。但是，我认为如果您只想提供很少的样式选项，那么您应该能够很快地实现Markdown支持。

Answer 2

SimpleMDE，一个新来的人，可能是答案。一个月来，我一直在寻找这样的东西。我很惊讶这个结果在搜索结果中没有显示得更高。我必须在编者/编辑上查看一份通知才能找到这个。

​

​

Answer 3

编辑2015年9月23日

CKEditor现在有一个Markdown 副词来完成这一任务。addon项目是托管在github上。

截图：

​

​

​

​

正如我在2015年2月6日更新的文章中所提到的，CKEditor现在包括了允许BBCode输入和输出的插件。

这里有一个演示：http://ckeditor.com/demo#bbcode

编辑2015年4月13日：

一些声称开发CKEditor的人说，CommonMark的出现改变了游戏规则，我们可能会看到一个合适的CKEditor的标记接口 (阅读完整故事的评论)。