**好多使用者問到,wangEditor編輯器能否集成`markdown`?——答案是:富文本編輯器無法和`markdown`集成到一起。**
----
先不說為什么,咱們先看看一個成熟產品中,對于富文本和`markdown`是如何處理的。
[簡書](http://www.jianshu.com/) 是現在很火的一個博客網站,聽人說它之所以快速的火起來,和支持`markdown`還有很大的關系。那么咱們看看這位靠著`markdown`火起來的網站,是不是真正的富文本和`markdown`集成起來了?
其實它的`markdown`編輯器和富文本編輯器完全是兩個東西,根本沒有在一個頁面中集成起來。而切換富文本和`markdown`是在用戶配置頁來切換的。
默認進來是富文本編輯器,如下圖:

可以進入用戶配置頁面切換成`markdown`編輯器,如下圖:

再回頭來新建一片文章,編輯器就切換到`markdown`了。

看明白了吧?
----
下面說說從技術角度為什么難以實現這兩者的切換。
簡單講來,富文本和`markdown`對于文字的處理完全是兩碼事兒。例如,我們選擇`abcd`進行加粗,富文本會生成`<b>abcd</b>`,而`markdown`會生成`**abcd**`。
如果想要兩者自由切換,需要在切換時,隨時切換兩種規則,這就會帶來很多問題。
第一,如果文字量大,要處理的信息多,單純用js進行進算,性能是一個問題。
第二,`**abcd**`格式切換成`<b>abcd</b>`格式,有現成的js庫可利用,但是`<b>abcd</b>`切換為`**abcd**`怎么辦?`markdown`只能編輯常用格式的文字,沒有`html`的樣式那么強大。例如,`<img src="abc.png" width="300px">`或`<font color="red">abc</font>`切換成為`markdown`就無法實現。
**所以,目前還找不到一款編輯器能自由切換`markdown`和富文本。一個東西不存在,也是有不存在的道理的。**
----
最后,請大家想明白,在你的產品中,到底是想要一個"理想主義"的自由切換,還是想要簡書那樣的兩種形式。
想清楚。
- 關于wangEditor
- 遇到問題如何解決和提問【重要】
- 開始使用
- 下載
- 創建頁面
- 生成編輯器(使用ID)
- 生成編輯器(使用element)
- 調整尺寸
- 銷毀與恢復
- 一個頁面多個編輯器
- 內容處理
- 初始化內容
- 獲取內容
- 追加內容
- 清空內容
- 用 editor.$txt 做其他內容處理
- onchange事件
- 禁用/啟用
- 參數配置
- 自定義菜單
- 自定義顏色、字體、字號
- 自定義表情
- 切換語言
- 百度地圖key
- 菜單欄吸頂
- 配置全屏的z-index
- 關閉瀏覽器打印log
- 關閉過濾javascript
- 關閉粘貼過濾樣式
- 只粘貼純文本
- 插入代碼-配置默認語言
- 自定義編輯器樣式
- 自定義顏色
- 自定義菜單UI
- 自定義表格、引用、代碼的樣式
- 代碼高亮樣式
- 圖片上傳
- 使用前必讀
- 支持情況
- 配置說明
- log提示輔助排錯
- 后臺代碼示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定義上傳事件
- 集成plupload插件
- 集成七牛云存儲
- 跨域上傳
- 上傳圖片出錯時的解決步驟
- 使用模塊定義
- 使用require.js
- 使用seajs
- 使用webpack
- 插件開發
- 對象結構
- 常用API
- 全局API
- 對象API
- 基礎API
- 選區API
- 命令API
- 擴展一個菜單
- 『縮進』菜單
- 『行高』菜單
- 『插入符號』菜單
- 開發一個插件
- 常見問題
- 關于markdown
- 關于上傳附件
- 關于背景圖片
- 關于顯示壓縮圖片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免與項目中的css沖突
- xss過濾
- 如何插入視頻鏈接
- 關于mobile端編輯器
- 查看源碼第一行有空格