研究 Stackoverflow 上所用的编辑器

红薯 发布于 2011/04/01 23:02
阅读 2K+
收藏 4

最近在做 oschina 讨论区的改版准备工作,对 Stackoverflow 网站(以下简称SO)研究得稍微多一点,发现 SO 所用的编辑器很特别,一种半所见即所得的内容编辑器,通过一些控制字符来进行格式处理,思路跟 UBB 类似,但不是。

SO 使用的是一种叫 Markdown 的文本到HTML的转换格式,下面是一个 Markdown 文本的例子:

### Header 3

> This is a blockquote.

> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote

它使用一下符号如 # > 等来控制格式,Markdown 本身是用 Perl 语言实现的,而 SO 使用的时候 MarkdownSharp 这个 C# 的版本。MarkdownSharp 用来将上面的文本变成 HTML 代码,例如上面的内容会被转成:

<h3>Header 3</h3>
<blockquote> 
This is the second paragraph in the blockquote.
<h2>This is an H2 in a blockquote</h2>
</blockquote>
 

还是挺简单明了的,但是很多用户对这种格式完全不熟悉,因此 SO 用了一个 Markdown 编辑器——WMD-editor,这是一个开源的 Markdown 文本编辑器,如下图所示:

所以 Markdown 的使用变得很简单。包括加粗、标题、列表、图片、代码等功能都在工具条上。

如果你对 Markdown 感兴趣,Markdown 还有其他语言的实现版本:

Java —— MarkdownJ
Perl —— Markdown
C# —— MarkdownSharp
Ruby —— MarukukramDown 

-EOF-

加载中
0
1001
1001

样子很丑,但很实用。

0
K
KungStephen

引用来自“1001”的答案

样子很丑,但很实用。

还好吧
0
一直向网
一直向网

Markdown  本身就是有语法可以写的 不用编辑器 只要支持 Markdown 语法就好

http://ued.taobao.com/blog/2012/07/getting-started-with-markdown/


很好很强大..

一直向网
一直向网
在写编辑器 http://mahua.jser.me/
返回顶部
顶部