实时预览降价编辑器

时间:2011-12-19 23:40:14

标签: user-controls markdown

如果已经回答,请原谅我。我环顾四周,但没有找到任何东西。

我正在为非技术人员创建一个网站,它要求他们能够添加富文本内容。我一直在寻找Markdown,并希望使用它。

我一直在寻找一个很好的(jquery)ui控件来使编辑变得简单,但是我所看到的一切都有实时预览生活在页面上除了输入框之外的其他地方。 (WMD就是这样,markitup等等。)

我想使用的东西会让你觉得你在使用文字处理器。就像TinyMCe这样做,但是在Markdown上运行,而不是HTML

有没有类似的东西,或者某个地方可以展示如何构建它?


为了澄清,我正在寻找一种让你觉得自己正在输入实时预览的编辑器。不是上面/下面有预览的文本框。

4 个答案:

答案 0 :(得分:5)

如果我得到您要找的内容,那么最简单的方法是使用TinyMCECKEditor生成HTML,然后将Markdownify之类的内容应用于输出,例如, tinymce.getContent()

答案 1 :(得分:0)

我已经找到了我喜欢的东西。 Pen editor on Github正是我想要的。我很高兴看到有人接受了这个

答案 2 :(得分:0)

查看Stack Edit这是一款精彩的WYSIWYG降价编辑器 - 与Google文档同步,Dropbox& CouchDB,发布到Github(和许多其他地方),并提供简单的链接共享。您可以在他们的网站上或使用Chrome应用访问它。您可以在编辑器中创建标题和列表,它将以降价格式显示相应的文本。然后,您可以保存,发布,共享或下载文件。

答案 3 :(得分:-4)

Markdown与WYSIWYG编辑器不兼容。请考虑此示例Markdown:

Let's link to [Google][].

  [Google]: http://www.google.com/

如果您正在制作WYSIWYG编辑器,键入[Google]后会发生什么?你会看到带蓝色下划线的文字吗?你会看到[Google],因为它不是一个有效的超链接吗?键入尾随[]后怎么办?它仍然不是一个完全定义的超链接;你无法点击它,因为Markdown不知道它链接的位置。

用户如何输入[Google]: http://www.google.com/后续行?该行未显示;这是标记;它是看不见的。在哪里键入不可见文本到WYSIWYG编辑器?