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

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

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

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

◎ 富文本編輯器升級(jí)

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

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

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

· 源碼編輯器組件升級(jí)。

◎ Markdown編輯器升級(jí)

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

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

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

◎有序/無(wú)序列表與表格組合

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

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

◎ Checklist

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

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

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

◎信息面板組件

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

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

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

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

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

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

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

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

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

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

◎ 代碼繪圖利器——mermaid

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

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

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

04.【更多篇】

貼近使用場(chǎng)景，為文檔編輯解決后顧之憂

◎ 本地緩存防丟失

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

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

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