Markdown wysiwyg编辑和预览在同一个Textarea

时间:2013-05-28 15:56:18

标签: markdown wysiwym

我搜索编辑器以在同一个textarea中编写Markdown语法和预览,例如html的Bootstrap WYSIHTML5

enter image description here

我不喜欢额外的预览。附加元素中的预览有很多脚本,我可以在网上找到。但对我来说很重要的是,edit元素也是视图元素,使用markdown进行写入和查看。 也许hallo.js很棒,但我认为它不适用于textarea元素。也很好,我可以使用一个小的解决方案,而不是超大尺寸的按钮和功能列表。 textarea对我来说也很重要,为什么用户会在php中保存发送帖子,也没有Javascript。目标是一个简单的笔记,写下markdown,替代使用按钮格式化,只看格式化的内容,以方便阅读。

提示:我已阅读question #1question #2,但只有CK编辑和Aloha才是解决方案。两个不错的项目,但对我的小要求非常大。

非常感谢你的时间。

2 个答案:

答案 0 :(得分:1)

我找到了showdownto-markdown的解决方案,例如结果和他的来源。提示是,我添加了一个css语句style="display: none;",用源代码隐藏textarea,而不是更多。 Line in the source file

- > https://github.com/bueltge/Notes

答案 1 :(得分:1)

但你还想使用降价吗?

所以我假设您仍然希望看到markdown-markup和样式:Editordemo)是基于代码镜像的纯文本降价编辑器。