騰訊TAPD編輯器完整使用攻略

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

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

01.【基礎體驗篇】

更加順暢的碼字體驗，讓需求編輯更輕松

◎ 富文本編輯器升級

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

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

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

· 源碼編輯器組件升級。

◎ Markdown編輯器升級

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

◎ 圖文/視頻排布優化

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

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

在需求文檔中，一些需要聚合展示的內容，比如需求的場景入口、驗收標準（AC）等，借助表格插件進行呈現，可以使內容更加直觀。

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

◎ Checklist

當產品完成文檔寫作后，研發團隊要記錄針對這一需求的測試重點，比如：預防SQL、XSS注入等，并且需要逐項檢查確認。這時就可以通過TAPD編輯器設置檢查項（checklist）及時記錄備忘。在開發階段，開發和測試同學也需要記錄一些有待解決的問題，用checklist進行檢查和確認。

02.【實用組件篇】

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

◎信息面板組件

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

◎ 插入業務對象

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

◎原生思維導圖組件

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

03.【拓展應用篇】

他山之石可攻玉，更多應用能力集成中

◎ 實用繪圖工具——http://draw.io

TAPD編輯器中集成了在線圖表編輯工具http://draw.io。產品經理常用的流程圖、模型圖、時序圖等內容，以及開發同學經常使用的ER圖、BPM圖、網絡拓撲圖等，都可以通過http://draw.io在畫布上靈活繪制。

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

◎ 代碼繪圖利器——mermaid

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

◎ 研發設計協作神器——騰訊Codesign

在【TAPD設置-服務集成】中關聯「騰訊Codesign」應用，即可在TAPD編輯器中插入所在Codesign項目下的設計稿素材。無論PS、Sketch，還是其他格式設計稿，都可以在TAPD中直接實時同步預覽、修改等。讓研發設計流程暢通無阻！

04.【更多篇】

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

◎ 本地緩存防丟失

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

◎ 需求文檔模版沉淀及應用

在日常業務實踐中，很多產研團隊都會逐步沉淀出適合自身場景和協作習慣的需求文檔模板。通過復制黏貼等機械重復動作進行操作，費時費力。為解決這個問題，TAPD提供了預設需求模板的功能，可以將團隊沉淀的需求文檔模塊設置為項目下的標準化產品文檔模板。新建需求時，即可直接依照模板進行寫作。最大程度減少重復工作，有效保證規范化寫作！