集成Markdown WYSIWYG文本编辑器

Question

在为Markdown代码寻找简单的WYSIWYG编辑器时,我找不到与CkEditor,TinyMCE等相比较的UI.

具体而言,通常建议的减价"所见即所得"编辑器(如像帖此)是在用户是静止写入原始降价(感不是纯WYSIWYG编辑器MarkItUp)或去另一个极端具有行编辑而没有标准控件(Hallo).

我需要介于两者之间的东西.

我正在寻找一个Markdown编辑器,其外观和功能类似于一个精简的CkEditor文本框,并接受并输出Markdown.应该有一个工具栏,其中包含最少的格式化选项(B,I,U,列表等),文本输入区域应显示转换的Markdown,而不是原始代码.应该有一个Source按钮,允许用户编辑原始Markdown,但即使这是可选的.例如:

我得到Markdown/wiki等的理由 - 它提供的安全性.我不介意在SE输入原始代码,但我的用户不是极客,也不觉得这很有趣.他们不希望看到***___和与其文本混合的空格.它们用于"Word"样式编辑,并且在该环境中效率最高.

那么 - Markdown是否有真正集成的WYSIWYG编辑器？我正在用PHP编写,所以我可以用类调用的东西是完美的.

---

2015年9月23日更新

CKEditor现在有一个Markdown 插件可以做到这一点.插件项目托管在github上.

截图:

---

2015年4月13日更新
自称开发CKEditor的人说,CommonMark的外观是游戏规则改变者,我们可能会看到CKEditor的正确标记界面(阅读全文的评论).

---

2015年2月6日更新

CKEditor现在附带一个输出(并接受输入)BBCode的插件.

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

Answer 1

SimpleMDE, a newcomer, may be the answer. I've been searching for something just like this for a month now. I'm surprised that this does not show up higher in search results. I had to go through a notice on lepture/editor to find this.

Answer 2

前几天我正在研究这个主题,我还没有找到任何具有Markdown输出的体面的WYSIWYG编辑器.事实上,首先你必须创建一个WYSIWG Markdown编辑器是WYSIWG HTML编辑器,其中只有少数可以在市场上使用.

您可以dataProcessor为CKEditor 创建将HTML编辑器更改为Markdown编辑器的功能.我们有一个BBCode的插件就是这样的(查看http://nightly-v4.ckeditor.com/3737/samples/bbcode.html).

您所要做的就是实现此界面http://nightly-v4.ckeditor.com/ckeditor_api/#!/api/CKEDITOR.dataProcessor.如果你检查BBCode插件的代码,你会看到一些黑客和技巧,因为不幸的是,目前CKEditor的架构尚未准备好(尚)创建这样的数据处理器.但是,我相信如果您只想提供几个样式选项,您应该能够很快实现Markdown支持.

Answer 3

编辑2015年9月23日

CKEditor现在有一个Markdown 插件可以做到这一点.插件项目托管在github上.

截图:

正如我在2015年2月6日发布的更新中所述,CKEditor现在包含允许BBCode输入和输出的插件.

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

编辑2015年4月13日:
自称开发CKEditor的人说CommonMark的外观是一个游戏规则改变者,我们可能会看到CKEditor的正确标记界面(阅读完整故事的评论).

Answer 4

Pen是一个新的(自2014年起生效)WYSIWYG编辑器,输出Markdown.
它并不完美 - 我在那里粘贴HTML有问题 - 但它有效.

编辑:对不起!它不输出Markdown. Walery Strauch在评论中指出,我看到的Markdown格式化标志实际上是CSS伪元素规则:

不过,我会把它留在这里作为一个选项,因为有些人赞成这个答案,它可能对某人有用.