微信公眾號：顏家大少
歡迎關注我，一起學習，一起進步!
目前，知到 Md2All 的朋友還很少，如果你覺得有幫助，希望能告訴身邊有需要的朋友。 謝謝!
Md2All 簡介
一個Markdown在線轉換工具，讓Markdown內容，不需作任何調整就能同時在微信公眾號、博客園、掘金、csdn等平台正確顯示當前預覽的效果。
-
對 微信公眾號 做了特別的優化：
支持代碼塊，並解決常見的代碼塊換行不正確,特別是iPone、iPad上不能滾動的問題;
解決把內容粘貼到公眾號時，圖片、或樣式丟失的問題;
支持135，96等微信編輯器的所用樣式(如"標題"等），只需點這些微信編輯器的"html"圖標，再把內容拷貝過來即可。 -
支持 "一鍵排版" 的css樣式模板選擇，和自定義css。試一試就知到 改頭換面 的效果了^_^;
-
對代碼塊的顯示專門做了優化，幾十種超酷的 "代碼主題" 任你選擇;
-
支持通用的Markdown語法，並對html,css樣式有很好的支持(請看后面示例的高級使用部分);;
-
預覽ok后，只需點 "復制" 按鍵,再粘貼到公眾號即可;
-
另外
-
支持直接把頁面"復制"到 "CSDN" 和 "博客園" 中，所有的樣式保持一致。
請參考此博文：http://blog.csdn.net/gary_yan/article/details/78645303 -
支持直接把頁面"復制"到 "掘金" 中，如下：
選擇 "一鍵排版" 中的 "掘金樣式"
點"復制"然后粘貼到 "掘金" 默認的markdown編輯模式左邊的編輯框就OK了
請參考此博文：https://juejin.im/post/5a1bcc6ef265da431f4acb09
-
一些小提示：
-
支持所有標准的Markdown語法，和標准的css樣式;
-
如果是公眾號，因為多在手機端看，建議選 "代碼緊湊" ,這樣，代碼的size在手機端會好看點。當然，你也可以改css自定義你想要的size;
-
雖然"一鍵排版"中已提供了不少的css樣式模板，但因為每個人的喜好不一樣，所以，希望你能通過各個css樣式模板中的紅色的修改部分，知到怎樣自定義自己最喜歡的css樣式。
一旦你知到了怎樣自定義css樣式，你就會知到它到底有多大的威力了 ^_^; -
因為還未配備高容量的圖片服務器，目前只支持已上傳了的圖片的鏈接。如果需要用到圖片，
你可先在支持Markdown編輯的博客平台（如CSDN、掘金、簡書等) 上編輯好你的Markdown內容，上傳你所需要的所有圖片，並保存;
然后把Markdown內容copy到Md2All渲染;
最后再"復制","粘貼"..."粘貼" ..到各個平台; -
未做瀏覽器兼容測試，請盡可能使用 Chrome 瀏覽器作編輯!
-
因為開發階段，每個css樣式模板的內容都有可能會更新，所以如果你有做過某樣式的"保存"，你可能需要"恢復預設值"才能看到其最新的css樣式。建議你選擇某一你喜歡的樣式復制到"最愛樣式"下，在此基礎上再定義自己的css樣式。
先看看代碼塊顯示效果
public class MyActivity extends AppCompatActivity {
@Override //override the function
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
try {
OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
} catch (IOException e) {
e.printStackTrace();
}
}
要精確指定語言（如：java,cpp,css,xml,javascript,python,php,go等等）時，在頭部直接指定，如下：
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
看看圖片的顯示效果
注：未配備高容量的圖片服務器，目前只支持已上傳了的圖片的鏈接（你可以先在某博客平台上傳你想要的圖片作為圖片庫^_^)
下面的是我的公眾號二維碼圖片，歡迎加我，一起學習，一起交流。
默認為圖片居中，如果想居左時，請打開"一鍵排版"下的css樣式中的img{margin:0 0;}
看看對Markdown基本語法的支持
H1
H2
H3
H4
H5
H6
試試行內代碼,如：AppCompatActivity類
試試強調
試試斜體
試試強調的斜體
試試 刪除
試試超鏈接：我就是超鏈接
有序列表
- 有序列表 1
- 有序列表 2
- 有序列表 3
無序列表
- 無序列表 1
- 無序列表 2
- 無序列表 3
引用塊
只需要在前面加 >,如下:
我是引用塊
微信公眾號：顏家大少
歡迎關注我，一起學習，一起進步!
表格
| 班級 | 男生 | 女生 |
|---|---|---|
| 一(7)班 | 30 | 25 |
| 一(8)班 | 25 | 30 |
注：表格在公眾號預覽時，可能在PC端顯示的不是正確的全屏，但在手機上預覽時就會正常顯示為全屏的了。
高級部分
如果你懂html和css，那下面這些效果就不在話下了
先給點顏色你看看
再給點顏色你看看
試試改變字體大小
改變字體大小，再來個粗體又如何？
試試內容居中
那內容居右呢？
來個綜合的試試
第二行
之后會增加更多的功能，和更多的樣式模板給大家參考，敬請期待。。。。。。
Update List：
版本號：V2.1.0
更新日期：2017-12-20
- 增加文件導出功能，使能導出包含樣式的html文件;
- 把編輯欄的橫向滾動的功能去掉，現在的做法是當用戶輸入內容的長度超出輸入框時，會自動換行到下一行，而不是之前的向右滾動，感覺這樣編輯體驗會好點;
- 增加css樣式：'標題背景漸變'和'字距偏大';
- 增加table的demo及相應樣式table{};
- 每個模式下增加，使圖片默認居中，並圖片不會超出屏幕，這樣會更接近實際的情況：
img
{
display: block;
margin:0 auto;
max-width:100%;
}
a {
word-wrap:break-word;
｝
版本號：V2.0.7
更新日期：2017-12-06
-
在所有樣式主題下增加行內代碼(p code)、和斜體（em)的css樣式值，及相應的demo
-
"一鍵排版"下所有樣式主題文件中增加說明，使不熟悉css的朋友更清楚相應的功能
-
增加圖片居中demo
版本號：V2.0.6
更新日期：2017-12-04
- 增加支持h1~h6 span下的:before和:after, 並增加對應"標題前后修飾"樣式
- 基於掘金網的更新，而更新了"掘金樣式"
版本號：V2.0.5
更新日期：2017-11-29
- 對"一鍵排版"中的"掘金樣式"進行更詳細的描述;
注："掘金"的PC端瀏覽器顯示是OK的，但手機端app現在還不支持自定義樣式，所以會看到有些樣式丟失了，此問題已向 "掘金" 的技術人員反饋，他們答復會盡快修復. - 對"代碼主題"中的"xt256"的padding進行了調整使邊距更合理;
版本號：V2.0.4
更新日期：2017-11-27
- 在"一鍵排版"中增加"掘金樣式"，增加到掘金網的支持。
版本號：V2.0.3
更新日期：2017-11-27
- 把HTML功能拿掉。考慮到用戶很少用到。如果想看相應的HTML只需“復制”到文本編輯器中即可。
版本號：V2.0.2
更新日期：2017-11-24
- 解決“一鍵排版”中一些全局樣式無效的情況
- 增加“一鍵排版”更多的樣式，並開放了所有的css樣式供你修改
注：會重設所有的樣式，你之前保存的會無效。 - 把之前保存到cookie中的一些內容保存到local stage下，避免4KB的限制
- “復制"內容同csdn,博客園時，不再需要點選HTML
版本號：V2.0.1
更新日期：2017-11-20
- 解決代碼塊加注釋'//'時導致后面的highlight失效的問題
- 只有html模式時才把空格轉為轉義字符;
版本號：V2.0.0
更新日期：2017-11-13
- 增加css樣式參考模板，及自定義css樣式
- 增加HTML源碼功能，可把HTML源碼直接“復制"/"粘貼”到 csdn、博客園等的html編輯器或富文本編輯器下的html中，這樣能保持所有的樣式
- 增加編輯和預覽的滾動條同步滾動的功能（現在還不是很精確，之后會再改善）
- 增加favorite代碼樣式下少的一些屬性
- 增加選“編輯”后，自動保存草稿到本地瀏覽器緩存的功能。
- 增加指定代碼所屬語言的示例
版本號：V1.0.4
更新日期：2017-10-20
- 更新“代碼主題”：favorite下對js和css的顯示
- 更新“代碼主題”：monokai-sublime和monokai中漏的一些屬性
- 更新說明文檔
版本號：V1.0.3
更新日期：2017-10-18
- 把“代碼緊湊”模式下的代碼間的行距加大
版本號：V1.0.2
更新日期：2017-10-17
- 增加一個很酷的“代碼主題”：favorite，並作為默認主題
- 增加“代碼緊湊” 的選項，使手機一屏能顯示更多的代碼
版本號：V1.0.1
更新日期：2017-10-13
- 第一個版本正式上線