Backport Web IDE docs to gitlab-ce

5 files changed, 36 insertions, 0 deletions

diff --git a/doc/user/project/index.md b/doc/user/project/index.md
index 5ce4ebfa811..a3d53fde399 100644
--- a/doc/user/project/index.md
+++ b/doc/user/project/index.md
@@ -45,6 +45,7 @@ and time spent on
 templates for issue and merge request description fields for your project
 - [Slash commands (quick actions)](quick_actions.md): Textual shortcuts for
 common actions on issues or merge requests
+- [Web IDE](web_ide/index.md)
 
 **GitLab CI/CD:**
 
diff --git a/doc/user/project/web_ide/img/commit_changes.png b/doc/user/project/web_ide/img/commit_changes.png
new file mode 100644
index 00000000000..e014149e8b8
--- /dev/null
+++ b/doc/user/project/web_ide/img/commit_changes.png
diff --git a/doc/user/project/web_ide/img/enable_web_ide.png b/doc/user/project/web_ide/img/enable_web_ide.png
new file mode 100644
index 00000000000..196baa82ad2
--- /dev/null
+++ b/doc/user/project/web_ide/img/enable_web_ide.png
diff --git a/doc/user/project/web_ide/img/open_web_ide.png b/doc/user/project/web_ide/img/open_web_ide.png
new file mode 100644
index 00000000000..d1192daf506
--- /dev/null
+++ b/doc/user/project/web_ide/img/open_web_ide.png
diff --git a/doc/user/project/web_ide/index.md b/doc/user/project/web_ide/index.md
new file mode 100644
index 00000000000..de4d5fabe63
--- /dev/null
+++ b/doc/user/project/web_ide/index.md
@@ -0,0 +1,35 @@
+# Web IDE
+
+> Introduced in [GitLab Ultimate][ee] 10.4.
+
+> **Warning:** Web IDE is in **Beta**. For the latest updates, check the
+> associated [epic](https://gitlab.com/groups/gitlab-org/-/epics/26).
+
+The Web IDE editor makes it faster and easier to contribute changes to your
+projects by providing an advanced editor with commit staging.
+
+## Enable the Web IDE
+
+While in the early stages of the Beta, access to the Web IDE is by opting in.
+
+To enable the Web IDE, click on your profile image in the top right corner and
+navigate to **Settings > Preferences**, check **Enable Web IDE** and save.
+
+![Enable Web IDE](img/enable_web_ide.png)
+
+## Open the Web IDE
+
+Once enabled, the Web IDE can be opened when viewing a file, from the
+repository file list.
+
+![Open Web IDE](img/open_web_ide.png)
+
+## Commit changes
+
+Changed files are shown on the right in the commit panel. All changes are
+automatically staged. To commit your changes, add a commit message and click
+the 'Commit Button'.
+
+![Commit changes](img/commit_changes.png)
+
+[ee]: https://about.gitlab.com/products/