大家好，我是IT修真院武漢分院第六期的學員景鑫，一枚正直純潔善良的WEB前端程序員。
今天給大家分享一下，修真院官網JS任務10，如何使用富文本編輯器？
1.背景介紹
1.1什么是富文本編輯器
在做Web應用時，經常會進行富文本編輯，常用的富文本編輯器有很多， 比如CuteEditor、CKEditor、NicEditor、KindEditor、UEditor等等。 好的富文本編輯器可以讓我們用戶有更好的體驗效果，帶來更多的用戶好評。
1.2Meditor
今天給大家介紹一款輕量級的文本編輯器，實際上是markdown編輯器，即把文本的格式用markdown語法表示出來，進行網絡傳輸。這個編輯器的有點是引用非常簡單，輕量級，轉化為的markdown格式可以把文本格式占用的存儲空間降低很多，非常易于網絡傳輸，后面會簡單介紹 一下markdown語法
2.知識剖析
2.1步驟一：引入 Mditor 樣式文件
2.2步驟二：引用 Mditor 腳本文件
2.3步驟三：添加 textarea 元素
2.4步驟四：創建 Mditor 實例
3.Meditor編輯器的局限性
只適合簡單的文本排版，不支持復雜的表情輸入、圖片排版、格式刷等等功能， 如果需要使用復雜功能，最好還是使用UEditor、wangEditor等富文本編輯器
4.MARKDOWN語法的簡單介紹
Markdown語法最大的優點是「易讀易寫」。 可讀性，無論如何，都是最重要的。一份使用 Markdown格式撰寫的文件應該可以直接以純文本發布， 并且看起來不會像是由許多標簽或是格式指令所構成。Markdown語法的目標是：成為一種適用于網絡的書寫語言。
通俗點的說法即是Markdown語法通過使用一些簡單的符號來將文本的排版表現出來，實現了對文本格式存儲數據量的簡化，它和html有很好的兼容性可以相互轉化，比如markdown中使用#符號來表示html中的<h1></h1>標簽，用一對*圍在內容兩邊來表示<strong></strong>
5.編碼實戰
5.1引入富文本編輯器
5.2使用markdown-html在線裝換器簡單嘗試下markdown語法
6.擴展思考
不同的富文本編輯器是通過什么方式把文本的格式保存下來的？
百度的富文本編輯器即是在加格式的文本中直接標簽括起來，然后在標簽中通過style直接給文本添加樣式
7.參考文獻
參考一：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修真院
“我們相信人人都可以成為一個工程師，現在開始，找個師兄，帶你入門，掌控自己學習的節奏，學習的路上不再迷茫”。
這里是技能樹.IT修真院，成千上萬的師兄在這里找到了自己的學習路線，學習透明化，成長可見化，師兄1對1免費指導。快來與我一起學習吧?！
