Markdown Live Preview编辑器?


78

我目前正在使用TextmateMarkdown创建文档,但是每次我想“更新” Markdown输出窗口时都需要按CtrlOptionCmd+ P。本质上,我像文字处理程序一样使用它。

Mac OS X是否有Markdown编辑器,支持wysiwig /实时更新内容?也许Textmate已经做到了?


在Linux上搜索相同的内容,这个问题仍然非常有用(此处列出了一些可移植程序)
Dacav

这里有几位具有内联预览/所见即所得功能的编辑器:softwarerecs.stackexchange.com/questions/5746/…–
令人眼花

Answers:


40

如果要使用TextMate,请将文件的语言关联更改为“ HTML”。在“预览”窗口中,有一个抽屉,提供通过“ Markdown.pl”传递文本的选项管道。(请参见屏幕截图)。

降价促销

我使用的Makrdown的选择是不是正式发布的应用程序,但我个人使用markdownlive由乔纳森“狼” Rentzsch。它是GitHub上的开源代码,需要您使用Xcode进行编译。它还允许您复制Generated HTML(我相当喜欢使用它)。


我尝试了markdownlive。它有效,但是就像您所说的那样,它在开发中,并且在语法着色方面非常原始。我将尽快尝试其他方法。
布罗克·伍尔夫

2
您不必将文件类型设置为html。如果您使用markdown捆绑软件,则只需在捆绑软件设置中删除等效的预览预览激活键即可。然后在窗口菜单中textmate的show web预览将为您提供实时预览。
yanokwa 2011年

那么multimarkdown呢?
柯克·斯特罗贝克

5
您不必自己构建MarkdownLive:github.com/rentzsch/markdownlive/downloads
Matt Ball

+1对于@yanokwa的评论。我特别喜欢markdown插件的这个fork,它很好地保留了无序列表缩进之类的东西:github.com/fletcher/markdown.tmbundle
2012年

62

还有“ Mou”,Mac OS X(Lion)的实时编辑器。它仍处于测试阶段,但效果很好!http://mouapp.com/

当当前可用的Markdown编辑器几乎都适合普通作家使用时,Mou则有所不同:它适用于Web开发人员。语法高亮,实时预览,全屏模式,自动保存,强大的操作,自动配对,增量搜索,自定义主题,HTML导出,增强的CJK字符支持。

在此处输入图片说明


4
谅解备忘录看起来不错,但需要狮子。
Thilo

28

仅在Mac上,Marked可为任何文本编辑器提供markdown和多markdown预览。保存文本文件时,预览会更新。

标记为屏幕截图


MarkdownPad适用于Windows,但提供实时预览。

MarkdownPad屏幕截图


ReText可用于其他平台,并提供渲染Markdown的实时预览:

ReText是Markdown语法的简单文本编辑器。它使用Qt库用Python编写,可以在任何平台上运行(正式支持Linux和BSD)

ReText屏幕截图

尽管没有官方支持,但是也有Windows安装说明。但是,我必须进行一些修改才能使它们起作用(带有我的更正的完整套件如下所示):

安装

  1. 安装Python27
  2. 安装为PyQt-Py2.7-x86-gpl-4.8.3-1.exe 预编译的PyQT PyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. 安装easy_install setuptools-0.6c11.win32-py2.7.exe
  4. 更新您的“我的电脑”的环境变量。单击Start,右键单击My Computer并选择Properties,选择Advanced选项卡,然后单击Environment Variables
  5. 在下System Variables,单击New。在变量名下输入PYTHONPATH。下Variable value输入C:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. 选择系统变量,PATH然后单击Editvariable value通过添加C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;到现有条目的前面来更新PATH ,使其看起来像PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. 安装其他Python库。选择Start然后Run键入cmd然后cd \python27\scripts。输入:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. 下载并解压缩当前的ReText(ATM 0.8.1
  9. 下载并解压ReText图标
  10. 将解压后的图标放入ReText \ icons文件夹中
  11. 导航至retext.py文件(可能位于c:\retext)。右键单击拖放retext.py,然后选择Create shortcuts here
  12. 右键单击快捷方式以调整属性。
  13. 更改target"C:\Python27\python.exe" retext.pyRunminimized
  14. 更改图标(这需要您.ico.png上面解压缩的文件之一到ReText/icons目录中创建文件,可在此处完成
  15. 如果需要,在常规选项卡上更改快捷方式名称。

1
对于那些想要获得标记(我真的可以推荐)并且仍然拥有Snow Leopard(10.6)的人,可以通过FAQ(mark.tenderapp.com/kb/documentation/…)下载免费的Snow Leopard :资源.markedapp.com / MarkedSL.zip
Simon Lehmann

最好将每一个单独列出作为答案
Zac Thompson


7

BBEdit开箱即用:将当前文档类型设置为Markdown,在BBEdit中打开Preview,然后键入。预览窗口会自动更新,以您想要的方式显示您的文本。

有关详细信息,请参见BBEdit用户手册的第277页。


5

Emacs降级模式可在编写时提供实时预览,并提供带有的完整HTML /浏览器预览C-c C-p

在此处输入图片说明



3

vim-instant-markdown是一个vim插件,可在系统默认的Web浏览器中显示近乎即时的更新。它甚至可以在MacVim中工作,尽管我不得不花一点时间$ PATH。


1
您介意分享对$ PATH做的事情吗?
艾瑞克·胡

2

最近恢复的Smultron也可以做到这一点,而无需按任何键:

  1. 在“真正高级”下的高级首选项中,将“预览解析器”设置为“降价”。
  2. 然后使用“工具” /“预览”打开预览窗口。Voilà。



By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.