{"id":53006,"date":"2018-11-12T18:09:11","date_gmt":"2018-11-13T02:09:11","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=53006"},"modified":"2019-02-28T10:19:54","modified_gmt":"2019-02-28T18:19:54","slug":"new-advanced-text-editor-on-the-work-item-form-in-azure-devops","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/new-advanced-text-editor-on-the-work-item-form-in-azure-devops\/","title":{"rendered":"New Advanced Text Editor on the Work Item Form in Azure DevOps"},"content":{"rendered":"<p>With the Azure DevOps Sprint\u00a0143 Update, we\u2019re excited to announce the\u00a0availability\u00a0of our new rich text editor on the work item form\u00a0in Azure Boards.\u00a0The work item form can be accessed in Azure Boards from the work items hub, boards, backlogs, and queries.\u00a0This editor is also open source, which means you can check out the <strong>roosterjs<\/strong> repo and submit pull requests on GitHub at <a href=\"https:\/\/github.com\/Microsoft\/roosterjs\">https:\/\/github.com\/Microsoft\/roosterjs<\/a>.<\/p>\n<p>If you open a work item from anywhere in Azure DevOps, this new editor will allow you to format your text in new advanced ways. This new editor provides full emoji support, which will help bring your comments to life, as well as <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/boards\/work-items\/work-item-form-keyboard-shortcuts?view=vsts\">keyboard shortcuts<\/a> for both Windows and Mac.<\/p>\n<p>The control will also feel more modern with its updated user interface. Now you can use this control in any long fields on your work item form and you also won\u2019t have to enter full screen mode to utilize the control. Additionally, the text field auto grows as you are typing.<\/p>\n<p>This new experience will allow you to use the following formatting: bold, italics, underline, bulleted list, numbered list, highlight, font color, emoji, decrease indent, increase indent, strikethrough, header, code snippets, clear format, insert image, create link, and remove link. This is what your previous text editor looked like:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-47535\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/old2.png\" alt=\"\" width=\"1699\" height=\"505\" \/><\/p>\n<p>This is what you can expect to see now when you click into any text field on your work item form:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-47555\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/new.png\" alt=\"\" width=\"1447\" height=\"317\" \/><\/p>\n<p>Copy and pasting of images, tables such as from excel, and email threads is fully supported, and formatting will persist. We\u2019ve also brought in code snippet support so when you are discussing your code in the work item form, it will be more clear what pieces of code are being discussed.<\/p>\n<p>As mentioned previously, we really wanted to bring more power to this new control and let users explore new formatting and text editing capabilities we previously didn\u2019t support. Below are just a few of the new features that we\u2019ve added.<\/p>\n<ul>\n<li>Code snippets<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-47565\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/code.png\" alt=\"\" width=\"1346\" height=\"357\" \/><\/p>\n<ul>\n<li>Emojis<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-47585\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/emoji.png\" alt=\"\" width=\"304\" height=\"333\" \/><\/p>\n<ul>\n<li>Resizing images<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-47575\" src=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/6\/2019\/05\/resizing.png\" alt=\"\" width=\"1304\" height=\"657\" \/><\/p>\n<p>You can also bring other people, work items, or pull requests into the conversation in your discussions\u00a0by using our three types of mentions. Typing \u201c@\u201d will allow you to find a teammate or friend to mention so you can pull them into the work item. To find out more about this feature, reference our <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/notifications\/at-mentions?toc=%2Fazure%2Fdevops%2Fboards%2Fwork-items%2Ftoc.json&amp;bc=%2Fazure%2Fdevops%2Fboards%2Fwork-items%2Fbreadcrumb%2Ftoc.json&amp;\">documentation<\/a>. You can also use \u201c#\u201d to reference another work item that may be related to the work item you\u2019re in, or \u201c!\u201d to find a pull request you want to reference in your work item. Find more on these features in\u00a0our\u00a0<a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/notifications\/add-links-to-work-items?toc=\/azure\/devops\/boards\/work-items\/toc.json&amp;bc=\/azure\/devops\/boards\/work-items\/breadcrumb\/toc.json&amp;view=vsts\">documentation.<\/a><\/p>\n<p>We also support keyboard shortcuts for both Mac and Windows. To see all supported shortcuts, head to\u00a0our\u00a0<a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/boards\/work-items\/work-item-form-keyboard-shortcuts?view=vsts\">documentation<\/a>. Below are just a few new shortcuts we\u2019ve added in:<\/p>\n<p>Shift\u00a0+ :\u00a0= Emoji library<\/p>\n<p>Ctrl + K = Insert link<\/p>\n<p>Ctrl\u00a0+ .\u00a0= Bullet List<\/p>\n<p>Ctrl + \/ = Numbered list<\/p>\n<p>We\u2019re excited for you to try this new feature and want to hear your feedback. If you find any bugs or have some extra time, please feel free to contribute to the <a href=\"https:\/\/github.com\/Microsoft\/roosterjs\">repo in GitHub<\/a> or submit any suggestions there.<\/p>\n<p>Resources<\/p>\n<p><a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/boards\/work-items\/work-item-form-keyboard-shortcuts?view=vsts\">Keyboard shortcuts documentation<\/a><\/p>\n<p><a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/notifications\/at-mentions?toc=%2Fazure%2Fdevops%2Fboards%2Fwork-items%2Ftoc.json&amp;bc=%2Fazure%2Fdevops%2Fboards%2Fwork-items%2Fbreadcrumb%2Ftoc.json&amp;\">@ mention documentation<\/a><\/p>\n<p><a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/devops\/notifications\/add-links-to-work-items?toc=\/azure\/devops\/boards\/work-items\/toc.json&amp;bc=\/azure\/devops\/boards\/work-items\/breadcrumb\/toc.json&amp;view=vsts\">#\/! mention documentation<\/a><\/p>\n<p><a href=\"https:\/\/github.com\/Microsoft\/roosterjs\">Repo in GitHub<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the Azure DevOps Sprint\u00a0143 Update, we\u2019re excited to announce the\u00a0availability\u00a0of our new rich text editor on the work item form\u00a0in Azure Boards.\u00a0The work item form can be accessed in Azure Boards from the work items hub, boards, backlogs, and queries.\u00a0This editor is also open source, which means you can check out the roosterjs repo [&hellip;]<\/p>\n","protected":false},"author":1619,"featured_media":52601,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[227,249],"tags":[],"class_list":["post-53006","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agile","category-open-source"],"acf":[],"blog_post_summary":"<p>With the Azure DevOps Sprint\u00a0143 Update, we\u2019re excited to announce the\u00a0availability\u00a0of our new rich text editor on the work item form\u00a0in Azure Boards.\u00a0The work item form can be accessed in Azure Boards from the work items hub, boards, backlogs, and queries.\u00a0This editor is also open source, which means you can check out the roosterjs repo [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/53006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/1619"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=53006"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/53006\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/52601"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=53006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=53006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=53006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}