這是《后臺(tái)產(chǎn)品設(shè)計(jì)指南》系列文章的第11篇內(nèi)容慢哈，更多精彩可以點(diǎn)擊下方鏈接查看寨典。
編輯器類型
富文本編輯器
富文本編輯器是一種可內(nèi)嵌于瀏覽器，所見即所得的文本編輯器身诺。它提供類似于Office Word 的編輯功能，可以幫助用戶快速地添加文字、圖片拇勃、表格等內(nèi)容并設(shè)置格式，最大的優(yōu)點(diǎn)就是所見即所得孝凌。
常見的在線編輯器有135編輯器方咆、壹伴編輯器等；可以集成到后臺(tái)的富文本編輯器有UEditor蟀架、wangEditor等瓣赂。需要說明的是不同平臺(tái)的富文本編輯器在支持的樣式上有細(xì)微的區(qū)別榆骚，不同平臺(tái)都根據(jù)自己的業(yè)務(wù)做了調(diào)整，比如財(cái)經(jīng)網(wǎng)站上的編輯器就增加了股票選擇功能煌集。
粗體妓肢、斜體、刪除線苫纤、引用這些屬于比較常規(guī)的功能碉钠，這里選取幾個(gè)相對復(fù)雜的功能和大家講解一下。
1.上傳圖片
用戶上傳的圖片需要經(jīng)過平臺(tái)壓縮處理方面，保證在前臺(tái)能盡快地加載出來放钦。這個(gè)上傳可以是點(diǎn)擊上傳按鈕進(jìn)行上傳，直接復(fù)制本地圖片到編輯器窗口恭金、拖拽圖片到編輯器窗口操禀、截圖復(fù)制到剪貼板再粘貼到編輯器窗口、復(fù)制外部文章中的圖片到編輯器窗口横腿。需要說明的是如果引用的外部圖片增加了防盜鏈颓屑，用戶在編輯器里面是無法上傳的。
2.上傳視頻
用戶選擇本地視頻文件上傳到服務(wù)器供其他人瀏覽耿焊，在用戶上傳過程中可以設(shè)置視頻的封面揪惦；如果是歷史上傳過的視頻，平臺(tái)能直接讀取系統(tǒng)中的記錄而不是重新上傳以節(jié)省資源和提高用戶體驗(yàn)罗侯。
用戶上傳視頻后在前端播放視頻這個(gè)環(huán)節(jié)也非常重要器腋。根據(jù)場景分為微信、瀏覽器钩杰，APP纫塌；根據(jù)平臺(tái)可以分為安卓、蘋果讲弄、PC等措左。如何選擇一款在各端體檢都出色的播放器需要產(chǎn)品經(jīng)理和開發(fā)人員一起協(xié)作。比如目前瀏覽器中視頻倍速播放已經(jīng)是一個(gè)標(biāo)配避除，如果不支持就很影響用戶體驗(yàn)怎披。
3.公式
編輯器中輸入公式一般是使用TeX公式語法插入字符，系統(tǒng)會(huì)自動(dòng)生成對應(yīng)的圖片供用戶使用瓶摆。下文中提到的Markdown也支持TeX公式凉逛。
4.實(shí)時(shí)保存
自動(dòng)保存是指編輯器每隔3-5s就自動(dòng)保存一次，可以保存在用戶本地群井，也可以保存服務(wù)端状飞。
很多平臺(tái)增加了歷史版本功能，相當(dāng)于給草稿箱設(shè)置了不同的版本，用戶可以選擇回滾到歷史的任意版本昔瞧。當(dāng)然這個(gè)設(shè)計(jì)是比較消耗服務(wù)器資源的指蚁，所以產(chǎn)品經(jīng)理要評估下是否有必要和保存的歷史版本個(gè)數(shù)。
Mrdkdown編輯器
Markdown是一種可以使用普通文本編輯器編寫的標(biāo)記語言自晰，通過簡單的標(biāo)記語法凝化，它可以使普通文本內(nèi)容具有一定的格式。Markdown的理念是酬荞，能讓文檔更容易讀搓劫、寫和隨意改。Markdown在中文輸入場景下有一個(gè)比較明顯的缺陷混巧，那就是需要用戶在中英文間進(jìn)行切換枪向，稍微有一點(diǎn)麻煩。
如果只是簡單的整理內(nèi)容咧党，簡單的幾個(gè)標(biāo)簽就能滿足需求秘蛔。常用的標(biāo)簽包括標(biāo)題、引用傍衡、無須列表深员、分割線。
Markdown使用兩次回車鍵是換行蛙埂，但部分平臺(tái)通過特殊方式也實(shí)現(xiàn)了一個(gè)回車換行（比如作業(yè)部落）倦畅，但一個(gè)回車和兩個(gè)回車的換行間距是不一樣的。
注意事項(xiàng)
編輯器雖然是后臺(tái)的功能绣的，但對應(yīng)的前端展示也非常重要叠赐。比如一行展示多少字，字體的默認(rèn)顏色屡江，這些都需要產(chǎn)品經(jīng)理和UED團(tuán)隊(duì)一起定義好芭概。
一個(gè)精心設(shè)計(jì)的編輯器能給用戶帶來愉快的用戶體驗(yàn)。比如印象筆記中的超級筆記是用/喚起功能菜單盼理，這個(gè)操作就很不友好谈山。國外的區(qū)塊筆記使用的是/俄删，這個(gè)并不影響用戶繼續(xù)輸入英文宏怔；而國內(nèi)的用戶如果要使用/就必須從中文切換到英文然后再切換回中文，相信是誰都不會(huì)喜歡畴椰。而藍(lán)湖推出的超級文檔在這個(gè)細(xì)節(jié)上就很貼心臊诊，支持英文的/也支持中文的、斜脂，可以看出設(shè)計(jì)人員肯定是下了功夫的抓艳。
平臺(tái)需要結(jié)合自己的業(yè)務(wù)特征選擇合適的編輯器類型，同時(shí)考慮自研還是在開源的基礎(chǔ)上修改帚戳。無論選擇哪一種玷或，都是為了給用戶提供一個(gè)良好的創(chuàng)作工具儡首。
在寫作過程中，如果有意見或者想法偏友，歡迎有興趣的讀者與我一起交流探索蔬胯，共同進(jìn)步。
