Merge pull request #83 from AdobeDocs/SITES-22608-Add-UE-content-draf…

…ts-extension-documentation

SITES-22608 Add Universal Editor Content Drafts extension doc

gatsby-config.js

@@ -220,6 +220,10 @@ module.exports = {
           {
             title: "Content Fragments Workflows",
             path: "/extension-manager/extension-developed-by-adobe/content-fragments-workflows"
+          },
+          {
+            title: "Universal Editor Content Drafts",
+            path: "/extension-manager/extension-developed-by-adobe/universal-editor-content-drafts"
           }
         ]
       },

src/pages/extension-manager/extension-developed-by-adobe/index.md

@@ -18,3 +18,9 @@ Explore Exporting Content Fragments to Adobe Target
 [Content Fragments workflows](content-fragments-workflows)
 
 Explore enhanced functionality in the Content Fragments Console and AEM Content Fragment Editor, simplifying workflow initiation
+
+<DiscoverBlock slots="link, text"/>
+
+[Universal Editor Content Drafts](universal-editor-content-drafts)
+
+Explore the AEM Universal Editor extension that provides a content draft management capabilities.

src/pages/extension-manager/extension-developed-by-adobe/universal-editor-content-drafts/index.md

@@ -0,0 +1,57 @@
+---
+title: Content Fragments workflows
+description: Explore enhanced functionality in the Content Fragments Console and AEM Content Fragment Editor, simplifying workflow initiation.
+contributors:
+- AdobeDocs/uix
+---
+
+# Universal Editor Content Drafts
+
+This extension expands functionality in the [AEM Universal Editor](../../../services/aem-universal-editor/) by providing users with capabilities to create, edit, and manage multiple drafts of their content directly within the editor.
+
+##  Extension overview
+
+The extension enhances the [AEM Universal Editor service](../../../services/aem-universal-editor/) capabilities. It adds a button to the `Rails Bar`.
+
+When clicked, it shows the content fragments of type reach text located in the page.
+
+For each content, users could create drafts and manage them.
+
+AEM Universal Editor rails:
+
+![AEM Universal Editor rails](universal-editor-rails.png)
+
+## Features of the extension
+
+- `Content Editing`: The extension provides the possibility of editing content fragments of type `reachtext`.
+- `Draft Management`: Users can create multiple content drafts. Each draft is saved separately, allowing users to easily switch between different versions of their content.
+- `Draft Actions`: For each draft, users can perform several actions, including editing it, adding a new draft, applying it, and deleting it.
+
+## How it works
+
+- Start by clicking the button Create draft from content text or button to create an empty draft.
+
+![Create new draft buttons](create-draft.png)
+
+- In the draft text editor make the changes you want and select the option you need (save draft, apply the draft or cancel the creation of the draft).
+
+![New draft actions](new-draft-actions.png)
+
+- After saving a draft, you can manage it by clicking in it. Options available are save the edition, apply the draft, or delete the draft.
+
+![Edit draft actions](edit-draft-actions.png)
+
+- After applying a draft, the content fragment will be updated with the draft content and any draft related to the content will be deleted.
+- By default, you will see three drafts. If you have more, click 'Show all' to see all the rest.
+
+![Show all drafts](show-all-drafts.png)
+
+**Notice:** The minimum length of a draft is `50` characters.
+
+## Limitations
+
+- `Local persistance` - currently, the drafts are persisted on the browser. If you clear the cache, you will lose them.
+
+## Extension source
+
+- [GitHub](https://github.com/adobe/aem-uix-examples/tree/main/universal-editor-richtext-draft)

src/pages/guides/preview-extension-locally/index.md

@@ -101,4 +101,4 @@ By default, only the logs from the most recent runs are retrieved. If you need t
 
 - [UI Extensibility Overview](../../)
 - [UI Extensions Development Flow](../../guides/development-flow)
-- [FAQ](../../overview/faq/)
+- [FAQ](../../overview/faq/)