Markdown編輯器介紹
Markdown編輯器是一款十分好用的在線文檔編輯器,一款能夠在電腦上一鍵編輯,這里有著全新的編輯方式,用戶可以在這里任意體驗不一樣的編輯方式。Markdown在線編輯器官方版有著全新的軟件界面,用戶只要在這個文本編輯欄中任意輸入自己想要的編輯內(nèi)容,表格、腳注、代碼等等都能編寫。
Markdown編輯器特色
1、整理文件
Typora提供文件樹面板和文章(文件列表)面板,使您可以輕松管理文件。文件在文件夾上組織,允許您使用自己的云服務(如Dropbox)同步文檔。
2、大綱面板
文檔的大綱結(jié)構(gòu)將在大綱面板中提取,這使您可以快速瀏覽文檔并單擊跳轉(zhuǎn)到任何部分。
3、進出口
帶有書簽的PDF可以通過typora生成。通過Pandoc的集成,可以導出或?qū)敫喔袷?,包括docx,OpenOffice,LaTeX,MediaWiki,Epub等。
4、字數(shù)
查看文檔以單詞,字符,行或閱讀分鐘為單位的大小。
5、對焦模式和TypeWriter模式
對焦模式可幫助您僅通過模糊其他線條來關(guān)注當前線條。打字機模式將始終確保當前活動線位于窗口中間。
6、自動配對
自動完成一對括號和引號,如代碼編輯器。此外,還提供了一個選項來自動配對降價符號,如*或_。
Markdown編輯器教程
markdown語法
基礎語法
標題
Markdown支持6種級別的標題,對應html標簽 h1 ~ h6
# h1
## h2
### h3
#### h4
##### h5
###### h6
以上標記效果如下:
h1
h2
h3
h4
h5
h6
除此之外,Markdown還支持另外一種形式的標題展示形式,其類似于 Setext 標記語言的表現(xiàn)形式,使用下劃線進行文本大小的控制
這是一級標題
===
這是二級標題
---
使用這種方式處理標題僅有兩種表現(xiàn)形式,即一級標題和二級標題。遺憾的是,簡書并不支持這種語法。因此,我們用一張圖來展示效果:
這種處理方式在Github的一些開源工程上面比較常見,顯而易見的缺點是:文字大小控制級別有限。
段落及區(qū)塊引用
需要記住的是,Markdown其實就是一種易于編寫的普通文本,只不過加入了部分渲染文本的標簽而已。其最終依然會轉(zhuǎn)換為html標簽,因此使用Markdown分段非常簡單,前后至少保留一個空行即可。
而另外一個比較常見的需求就是,我們可能希望對某段文字進行強調(diào)處理。Markdown提供了一個特殊符號>用于段首進行強調(diào),被強調(diào)的文字部分將會高亮顯示
> 這段文字將被高亮顯示...
插入鏈接或圖片
Markdown針對鏈接和圖片的處理也比較簡單,可以使用下面的語法進行標記
[點擊跳轉(zhuǎn)至百度](http://www.baidu.com)
![圖片](https://upload-images.jianshu.io/upload_images/703764-605e3cc2ecb664f6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
以上標記顯示效果如下:
點擊跳轉(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格式,如果你不進行任何操作,那瀏覽器就會對你的文本進行HTML語法解析。
所以,我用markdown寫博客的時候,就嘗試將HTML語法放到markdown里面,果然起了作用,比如說加上br標簽就可以換行,給文字加上center標簽就可以使文字居中,寫法是:"< center>markdown居中文本< /center>"為了防止center標簽被瀏覽器解析,我就將兩個小于號后面加了一個空格,如果去掉空格,你們就只看得到如同第一行的居中文本了
markdown編輯器怎么生成html文件
我這里就寫個簡單靜態(tài)的案例吧,
大家可通過后臺讀取markdown文件內(nèi)容傳到前端進行轉(zhuǎn)換,
這里我就不寫后端了
首先我們需要引入兩個js文件,jquery跟Markdown.Converter,
jquery引入一定要在前面。
在id為demo1的textarea便簽中輸入需要轉(zhuǎn)換的markdown格式內(nèi)容,然后點擊按鈕來進行轉(zhuǎn)換,代碼如下:
<script src="jquery.min.js"></script>
<script src="Markdown.Converter.js"></script>
轉(zhuǎn)換前
轉(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支持在線編輯,同時也有跨平臺的客戶端,進入cmdMarkdown在線編輯網(wǎng)頁,網(wǎng)頁端與客戶端一樣(客戶端是用node-webkit開發(fā)的)
進入官方下載頁面,選擇適合的版本
進入主界面,這是文章列表
這是這篇文章的主要信息
設置功能強大,可以立即同步,導入導出支持html格式也支持Markdown格式,更棒的是支持切換到Vim和Emacs編輯模式,導出PDF需要是會員,這么棒的編輯器,大家不妨支持一下
- 精選留言 來自海南??陔娦庞脩? 發(fā)表于: 2023-2-8
- 好東西,謝謝分享
- 精選留言 來自寧夏中 衛(wèi) 電信用戶 發(fā)表于: 2023-4-8
- 頂頂頂頂頂,終于不彈廣告了
- 精選留言 來自河南周口聯(lián)通用戶 發(fā)表于: 2023-10-13
- 好好好好好好好好好好好好好好好好好
- 精選留言 來自遼寧鐵嶺電信用戶 發(fā)表于: 2023-1-13
- 軟件安裝的很快,而且沒有捆綁,非常好
- 精選留言 來自廣西欽州移動用戶 發(fā)表于: 2023-4-21
- 真的很好用啊,沒想到發(fā)現(xiàn)了這么多優(yōu)秀的聊天工具軟件