2021年以來，騰訊TAPD在基礎(chǔ)能力的改進(jìn)上，做了非常多的探索和改進(jìn)。大家使用頻率最高的提單入口——需求編輯器則是優(yōu)化的重中之重。

歷經(jīng)了多次迭代更新，TAPD編輯器（需求和缺陷單中編輯器一致）全面提升了基礎(chǔ)編輯體驗(yàn)，完善了多項(xiàng)拓展組件能力，持續(xù)鏈接第三方應(yīng)用以豐富產(chǎn)品形態(tài)，最大限度滿足不同場景的產(chǎn)品文檔編寫需求。讓產(chǎn)研協(xié)作更高效，讓文檔寫作更輕松！

01.【基礎(chǔ)體驗(yàn)篇】

更加順暢的碼字體驗(yàn)，讓需求編輯更輕松

◎ 富文本編輯器升級

文本編輯是編輯器最基礎(chǔ)的能力，也是很多產(chǎn)品經(jīng)理日常工作使用最為頻繁的一個場景。據(jù)此，TAPD富文本編輯器進(jìn)行了針對性的改造提升，提供了更為全面的編輯器功能：

· 提供更豐富的字體、文本/背景顏色，滿足富文本內(nèi)容的需要；

· 新增格式擦和浮動工具欄toolbar，讓文本編輯更加方便；

· 源碼編輯器組件升級。

◎ Markdown編輯器升級

對于使用代碼編輯較多的書寫場景，由TAPD自研的Markdown編輯器組件同樣可堪重用。支持編輯區(qū)域和預(yù)覽區(qū)域同步滾動，界面美觀友好，可全屏編輯，一秒進(jìn)入無打擾模式。同時還支持了一些有意思的語法：如圖片的縮放、對齊、引用，字體的顏色和大小可調(diào)節(jié)，還能通過快捷鍵進(jìn)行多光標(biāo)編輯，復(fù)制Html可以黏貼成Markdown語法等等。

◎ 圖文/視頻排布優(yōu)化

在撰寫需求文檔/缺陷單時，需要插入圖片、視頻的場景非常普遍。TAPD需求編輯器對圖文混排、視頻插入等功能也進(jìn)行了優(yōu)化提升。過去，編輯多圖混排文檔遇到分散的圖片素材需要先一個個保存下來，然后再逐一上傳到文檔中，繁瑣且易遺漏。現(xiàn)在，TAPD編輯器支持圖片/視頻拖拽上傳，在網(wǎng)頁、聊天對話框中散落的圖片素材，可以直接拖拽至編輯器中相應(yīng)位置，可直接拖動調(diào)整大小，排版更輕松。

◎有序/無序列表與表格組合

在需求文檔中，一些需要聚合展示的內(nèi)容，比如需求的場景入口、驗(yàn)收標(biāo)準(zhǔn)（AC）等，借助表格插件進(jìn)行呈現(xiàn)，可以使內(nèi)容更加直觀。

當(dāng)然除了表格，你還可以將有序無序列表嵌套使用，用于輕量級信息的陳列聚合，讓需求文檔的排版更簡潔有序。

◎ Checklist

當(dāng)產(chǎn)品完成文檔寫作后，研發(fā)團(tuán)隊要記錄針對這一需求的測試重點(diǎn)，比如：預(yù)防SQL、XSS注入等，并且需要逐項(xiàng)檢查確認(rèn)。這時就可以通過TAPD編輯器設(shè)置檢查項(xiàng)（checklist）及時記錄備忘。在開發(fā)階段，開發(fā)和測試同學(xué)也需要記錄一些有待解決的問題，用checklist進(jìn)行檢查和確認(rèn)。

02.【實(shí)用組件篇】

多個實(shí)用組件，文檔編輯能力再升級

◎信息面板組件

在需求評審或開發(fā)溝通中，需要對用戶故事、功能描述等關(guān)鍵內(nèi)容進(jìn)行重點(diǎn)闡述。因此在組織內(nèi)容時，為了突出這部分內(nèi)容，可以結(jié)合TAPD編輯器的新功能「信息面板」功能，進(jìn)行內(nèi)容的區(qū)隔和高亮處理。不同模塊、主次關(guān)系等一目即可了然！

◎ 插入業(yè)務(wù)對象

在編輯器中插入其他單據(jù)鏈接時，將自動識別為條目，可選擇以卡片、鏈接、內(nèi)嵌等多種形式展示。在需求文檔中即可實(shí)現(xiàn)各種需求/缺陷/任務(wù)狀態(tài)的實(shí)時展示，一目了然，信息全面。

◎原生思維導(dǎo)圖組件

思維導(dǎo)圖，在產(chǎn)品設(shè)計的需求訪談、需求分析等環(huán)節(jié)，以及各類產(chǎn)研會議、演講過程中應(yīng)用都非常廣泛。TAPD需求編輯器的思維導(dǎo)圖采用原生組件設(shè)計，可支持彈窗式直接插入思維導(dǎo)圖，并保存為一張圖片。減少從第三方導(dǎo)入的麻煩，安全又順暢。

03.【拓展應(yīng)用篇】

他山之石可攻玉，更多應(yīng)用能力集成中

◎ 實(shí)用繪圖工具——http://draw.io

TAPD編輯器中集成了在線圖表編輯工具http://draw.io。產(chǎn)品經(jīng)理常用的流程圖、模型圖、時序圖等內(nèi)容，以及開發(fā)同學(xué)經(jīng)常使用的ER圖、BPM圖、網(wǎng)絡(luò)拓?fù)鋱D等，都可以通過http://draw.io在畫布上靈活繪制。

對于一些較為復(fù)雜的圖表內(nèi)容，比如泳道圖、架構(gòu)圖等，則可以使用http://draw.io工具中提供的豐富圖形元素進(jìn)行制作，方便快捷。

◎ 代碼繪圖利器——mermaid

除了http://draw.io之外，TAPD的Markdown編輯器也為習(xí)慣于代碼繪圖的同學(xué)提供了mermaid繪圖組件。其基于Javascript的圖表繪制工具，具有良好的渲染速度和可修改性，可以通過文本和代碼直接進(jìn)行繪制，編輯器預(yù)覽頁面可以同步呈現(xiàn)所所繪制的圖表內(nèi)容。

◎ 研發(fā)設(shè)計協(xié)作神器——騰訊Codesign

在【TAPD設(shè)置-服務(wù)集成】中關(guān)聯(lián)「騰訊Codesign」應(yīng)用，即可在TAPD編輯器中插入所在Codesign項(xiàng)目下的設(shè)計稿素材。無論P(yáng)S、Sketch，還是其他格式設(shè)計稿，都可以在TAPD中直接實(shí)時同步預(yù)覽、修改等。讓研發(fā)設(shè)計流程暢通無阻！

04.【更多篇】

貼近使用場景，為文檔編輯解決后顧之憂

◎ 本地緩存防丟失

費(fèi)勁心力寫完一篇需求文檔，最怕的就是遇到故障突然丟失數(shù)據(jù)。TAPD需求編輯器的本地緩存功能，為你解決后顧之憂。所有本地歷史編輯數(shù)據(jù)都會被保存下來，各個版本均可選擇恢復(fù)，再也不用擔(dān)心數(shù)據(jù)丟失問題，安安心心寫好文檔。

◎ 需求文檔模版沉淀及應(yīng)用

在日常業(yè)務(wù)實(shí)踐中，很多產(chǎn)研團(tuán)隊都會逐步沉淀出適合自身場景和協(xié)作習(xí)慣的需求文檔模板。通過復(fù)制黏貼等機(jī)械重復(fù)動作進(jìn)行操作，費(fèi)時費(fèi)力。為解決這個問題，TAPD提供了預(yù)設(shè)需求模板的功能，可以將團(tuán)隊沉淀的需求文檔模塊設(shè)置為項(xiàng)目下的標(biāo)準(zhǔn)化產(chǎn)品文檔模板。新建需求時，即可直接依照模板進(jìn)行寫作。最大程度減少重復(fù)工作，有效保證規(guī)范化寫作！