Markdown編輯器介紹

Markdown編輯器是一款十分好用的在線文檔編輯器，一款能夠在電腦上一鍵編輯，這里有著全新的編輯方式，用戶可以在這里任意體驗不一樣的編輯方式。Markdown在線編輯器官方版有著全新的軟件界面，用戶只要在這個文本編輯欄中任意輸入自己想要的編輯內(nèi)容，表格、腳注、代碼等等都能編寫。

Markdown編輯器特色

1、整理文件

Typora提供文件樹面板和文章（文件列表）面板，使您可以輕松管理文件。文件在文件夾上組織，允許您使用自己的云服務(wù)（如Dropbox）同步文檔。

2、大綱面板

文檔的大綱結(jié)構(gòu)將在大綱面板中提取，這使您可以快速瀏覽文檔并單擊跳轉(zhuǎn)到任何部分。

3、進(jìn)出口

帶有書簽的PDF可以通過typora生成。通過Pandoc的集成，可以導(dǎo)出或?qū)�入更多格式，包括docx，OpenOffice，LaTeX，MediaWiki，Epub等。

4、字?jǐn)?shù)

查看文檔以單詞，字符，行或閱讀分鐘為單位的大小。

5、對焦模式和TypeWriter模式

對焦模式可幫助您僅通過模糊其他線條來關(guān)注當(dāng)前線條。打字機模式將始終確保當(dāng)前活動線位于窗口中間。

6、自動配對

自動完成一對括號和引號，如代碼編輯器。此外，還提供了一個選項來自動配對降價符號，如*或_。

Markdown編輯器教程

markdown語法

基礎(chǔ)語法

標(biāo)題

Markdown支持6種級別的標(biāo)題，對應(yīng)html標(biāo)簽 h1 ~ h6

# h1

## h2

### h3

#### h4

##### h5

###### h6

以上標(biāo)記效果如下：

h1

h2

h3

h4

h5

h6

除此之外，Markdown還支持另外一種形式的標(biāo)題展示形式，其類似于 Setext 標(biāo)記語言的表現(xiàn)形式，使用下劃線進(jìn)行文本大小的控制

這是一級標(biāo)題

===

這是二級標(biāo)題

---

使用這種方式處理標(biāo)題僅有兩種表現(xiàn)形式，即一級標(biāo)題和二級標(biāo)題。遺憾的是，簡書并不支持這種語法。因此，我們用一張圖來展示效果：

這種處理方式在Github的一些開源工程上面比較常見，顯而易見的缺點是：文字大小控制級別有限。

段落及區(qū)塊引用

需要記住的是，Markdown其實就是一種易于編寫的普通文本，只不過加入了部分渲染文本的標(biāo)簽而已。其最終依然會轉(zhuǎn)換為html標(biāo)簽，因此使用Markdown分段非常簡單，前后至少保留一個空行即可。

而另外一個比較常見的需求就是，我們可能希望對某段文字進(jìn)行強調(diào)處理。Markdown提供了一個特殊符號>用于段首進(jìn)行強調(diào)，被強調(diào)的文字部分將會高亮顯示

> 這段文字將被高亮顯示...

插入鏈接或圖片

Markdown針對鏈接和圖片的處理也比較簡單，可以使用下面的語法進(jìn)行標(biāo)記

[點擊跳轉(zhuǎn)至百度](http://www.baidu.com)

以上標(biāo)記顯示效果如下：

點擊跳轉(zhuǎn)至百度

markdown語法怎么換行

換行

方法：在語句后面打空格，超過兩個就可以

markdown語法字體顏色

$\color{red}{紅色字}$即可

效果:\color{red}{紅色字}

其他方法:

$\color{#FF0000}{紅色字}$或$\color{rgb(255,255,0)}{黃色字}$

效果:\color{#FF0000}{紅色字}或\color{rgb(255,255,0)}{黃色字}

markdown教程居中

剛開始時我也不知道如何居中markdown的文本，感覺居中文本對markdown來說貌似很麻煩，但我用久了網(wǎng)頁文本后，我就理解了一點，在網(wǎng)頁上顯示的文本都是以HTML格式顯示的，如果顯示純文本，那必須利用特殊的函數(shù)去除HTML格式，如果你不進(jìn)行任何操作，那瀏覽器就會對你的文本進(jìn)行HTML語法解析。

所以，我用markdown寫博客的時候，就嘗試將HTML語法放到markdown里面，果然起了作用，比如說加上br標(biāo)簽就可以換行，給文字加上center標(biāo)簽就可以使文字居中，寫法是："< center>markdown居中文本< /center>"為了防止center標(biāo)簽被瀏覽器解析，我就將兩個小于號后面加了一個空格，如果去掉空格，你們就只看得到如同第一行的居中文本了

markdown編輯器怎么生成html文件

我這里就寫個簡單靜態(tài)的案例吧，
大家可通過后臺讀取markdown文件內(nèi)容傳到前端進(jìn)行轉(zhuǎn)換，
這里我就不寫后端了

首先我們需要引入兩個js文件，jquery跟Markdown.Converter，
jquery引入一定要在前面。

在id為demo1的textarea便簽中輸入需要轉(zhuǎn)換的markdown格式內(nèi)容，然后點擊按鈕來進(jìn)行轉(zhuǎn)換，代碼如下：

    <script src="jquery.min.js"></script>
    <script src="Markdown.Converter.js"></script>

轉(zhuǎn)換前

   </p> <p>    hadoop命令需在hadoop目錄下使用<br> **常用命令**</p> <p>    HDFS格式化:<br>     bin/hadoop namenode -format    格式化namenode<br>     bin/hadoop datanode -format    格式化datanode</p> <p>    *如不是第一次格式化，為了保證clusterID一致性,<br>     *需先刪除hdfs臨時目錄,<br>     *即在配置文件中配置的hadoop.tmp.dir參數(shù)路徑<br>    
   

   
   轉(zhuǎn)Html

轉(zhuǎn)換后

   
    <script type="text/javascript">

        //轉(zhuǎn)換的方法
        function mdToHml(){
            var md=$("#demo1").val();//得到需要轉(zhuǎn)換的內(nèi)容
            var converter = new Markdown.Converter();
            var htm = converter.makeHtml(md);//轉(zhuǎn)換
            $('#test').html(htm);//顯示到頁面
        }

    </script>
   

markdown編輯器使用介紹

cmdMarkdown支持在線編輯，同時也有跨平臺的客戶端，進(jìn)入cmdMarkdown在線編輯網(wǎng)頁，網(wǎng)頁端與客戶端一樣（客戶端是用node-webkit開發(fā)的）

進(jìn)入官方下載頁面，選擇適合的版本

進(jìn)入主界面，這是文章列表

這是這篇文章的主要信息

設(shè)置功能強大，可以立即同步，導(dǎo)入導(dǎo)出支持html格式也支持Markdown格式，更棒的是支持切換到Vim和Emacs編輯模式，導(dǎo)出PDF需要是會員，這么棒的編輯器，大家不妨支持一下