大家好拔第，我是IT修真院武漢分院第六期的學(xué)員景鑫蚀同，一枚正直純潔善良的WEB前端程序員。
今天給大家分享一下，修真院官網(wǎng)JS任務(wù)10埋心，如何使用富文本編輯器？
1.背景介紹
1.1什么是富文本編輯器
在做Web應(yīng)用時(shí)诀豁，經(jīng)常會(huì)進(jìn)行富文本編輯畔规，常用的富文本編輯器有很多， 比如CuteEditor拘泞、CKEditor纷纫、NicEditor、KindEditor田弥、UEditor等等涛酗。 好的富文本編輯器可以讓我們用戶有更好的體驗(yàn)效果，帶來更多的用戶好評(píng)偷厦。
1.2Meditor
今天給大家介紹一款輕量級(jí)的文本編輯器商叹，實(shí)際上是markdown編輯器，即把文本的格式用markdown語法表示出來只泼，進(jìn)行網(wǎng)絡(luò)傳輸剖笙。這個(gè)編輯器的有點(diǎn)是引用非常簡(jiǎn)單，輕量級(jí)请唱，轉(zhuǎn)化為的markdown格式可以把文本格式占用的存儲(chǔ)空間降低很多弥咪，非常易于網(wǎng)絡(luò)傳輸过蹂，后面會(huì)簡(jiǎn)單介紹 一下markdown語法
2.知識(shí)剖析
2.1步驟一：引入 Mditor 樣式文件
2.2步驟二：引用 Mditor 腳本文件
2.3步驟三：添加 textarea 元素
2.4步驟四：創(chuàng)建 Mditor 實(shí)例
3.Meditor編輯器的局限性
只適合簡(jiǎn)單的文本排版，不支持復(fù)雜的表情輸入聚至、圖片排版酷勺、格式刷等等功能， 如果需要使用復(fù)雜功能扳躬，最好還是使用UEditor脆诉、wangEditor等富文本編輯器
4.MARKDOWN語法的簡(jiǎn)單介紹
Markdown語法最大的優(yōu)點(diǎn)是「易讀易寫」。 可讀性贷币，無論如何击胜，都是最重要的。一份使用 Markdown格式撰寫的文件應(yīng)該可以直接以純文本發(fā)布役纹， 并且看起來不會(huì)像是由許多標(biāo)簽或是格式指令所構(gòu)成偶摔。Markdown語法的目標(biāo)是：成為一種適用于網(wǎng)絡(luò)的書寫語言。
通俗點(diǎn)的說法即是Markdown語法通過使用一些簡(jiǎn)單的符號(hào)來將文本的排版表現(xiàn)出來促脉，實(shí)現(xiàn)了對(duì)文本格式存儲(chǔ)數(shù)據(jù)量的簡(jiǎn)化辰斋，它和html有很好的兼容性可以相互轉(zhuǎn)化，比如markdown中使用#符號(hào)來表示html中的<h1></h1>標(biāo)簽嘲叔，用一對(duì)*圍在內(nèi)容兩邊來表示<strong></strong>
5.編碼實(shí)戰(zhàn)
5.1引入富文本編輯器
5.2使用markdown-html在線裝換器簡(jiǎn)單嘗試下markdown語法
6.擴(kuò)展思考
不同的富文本編輯器是通過什么方式把文本的格式保存下來的亡呵？
百度的富文本編輯器即是在加格式的文本中直接標(biāo)簽括起來，然后在標(biāo)簽中通過style直接給文本添加樣式
7.參考文獻(xiàn)
參考一：meditor的github主頁
參考二：知乎--markdown是什么
8.更多討論
大家還用過哪些好用的編輯器
ppt鏈接：ppt：https://ptteng.github.io/PPT/PPT/js-10-rte.html#/
視頻鏈接：https://v.qq.com/x/page/z0516369gkk.html
技能樹.IT修真院
“我們相信人人都可以成為一個(gè)工程師硫戈，現(xiàn)在開始锰什，找個(gè)師兄，帶你入門丁逝，掌控自己學(xué)習(xí)的節(jié)奏汁胆，學(xué)習(xí)的路上不再迷茫”霜幼。
這里是技能樹.IT修真院嫩码，成千上萬的師兄在這里找到了自己的學(xué)習(xí)路線，學(xué)習(xí)透明化罪既，成長(zhǎng)可見化铸题，師兄1對(duì)1免費(fèi)指導(dǎo)∽粮校快來與我一起學(xué)習(xí)吧?丢间！
