Commit e4225bca authored by Craig Norris's avatar Craig Norris

Merge branch 'docs-aqualls-create4' into 'master'

Line and word edits to Create documentation

See merge request gitlab-org/gitlab!52747
parents 88e3fdc4 72220b24
...@@ -14,7 +14,7 @@ Editor Lite is a thin wrapper around [the Monaco editor](https://microsoft.githu ...@@ -14,7 +14,7 @@ Editor Lite is a thin wrapper around [the Monaco editor](https://microsoft.githu
## How to use Editor Lite ## How to use Editor Lite
Editor Lite is framework-agnostic and can be used in any application, whether it's Rails or Vue. For the convenience of integration, we have [the dedicated `<editor-lite>` Vue component](#vue-component), but in general, the integration of Editor Lite is pretty straightforward: Editor Lite is framework-agnostic and can be used in any application, whether it's Rails or Vue. For the convenience of integration, we have the dedicated `<editor-lite>` Vue component, but in general, the integration of Editor Lite is pretty straightforward:
1. Import Editor Lite: 1. Import Editor Lite:
...@@ -225,7 +225,3 @@ Just pass the array of extensions to your `use` method: ...@@ -225,7 +225,3 @@ Just pass the array of extensions to your `use` method:
```javascript ```javascript
editor.use([FileTemplateExtension, MyFancyExtension]); editor.use([FileTemplateExtension, MyFancyExtension]);
``` ```
## <a id="vue-component"></a>`<editor-lite>` Vue component
TBD
This diff is collapsed.
...@@ -23,8 +23,8 @@ and submit the changes for review. ...@@ -23,8 +23,8 @@ and submit the changes for review.
The Static Site Editor allows collaborators to submit changes to static site The Static Site Editor allows collaborators to submit changes to static site
files seamlessly. For example: files seamlessly. For example:
- Non-technical collaborators can easily edit a page directly from the browser; - Non-technical collaborators can edit a page directly from the browser.
they don't need to know Git and the details of your project to be able to contribute. They don't need to know Git and the details of your project to contribute.
- Recently hired team members can quickly edit content. - Recently hired team members can quickly edit content.
- Temporary collaborators can jump from project to project and quickly edit pages instead - Temporary collaborators can jump from project to project and quickly edit pages instead
of having to clone or fork every single project they need to submit changes to. of having to clone or fork every single project they need to submit changes to.
...@@ -68,7 +68,7 @@ The editor can then navigate to the merge request to assign it to a colleague fo ...@@ -68,7 +68,7 @@ The editor can then navigate to the merge request to assign it to a colleague fo
## Set up your project ## Set up your project
First, set up the project. Once done, you can use the Static Site Editor to First, set up the project. Once done, you can use the Static Site Editor to
easily [edit your content](#edit-content). [edit your content](#edit-content).
1. To get started, create a new project from the [Static Site Editor - Middleman](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman) 1. To get started, create a new project from the [Static Site Editor - Middleman](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman)
template. You can either [fork it](../repository/forking_workflow.md#creating-a-fork) template. You can either [fork it](../repository/forking_workflow.md#creating-a-fork)
...@@ -101,7 +101,7 @@ To edit a file: ...@@ -101,7 +101,7 @@ To edit a file:
wish to edit the raw Markdown instead, you can toggle the **Markdown** mode wish to edit the raw Markdown instead, you can toggle the **Markdown** mode
in the bottom-right corner. in the bottom-right corner.
1. When you're done, click **Submit changes...**. 1. When you're done, click **Submit changes...**.
1. (Optional) Adjust the default title and description of the merge request that will be submitted 1. (Optional) Adjust the default title and description of the merge request, to submit
with your changes. Alternatively, select a [merge request template](../../../user/project/description_templates.md#creating-merge-request-templates) with your changes. Alternatively, select a [merge request template](../../../user/project/description_templates.md#creating-merge-request-templates)
from the dropdown menu and edit it accordingly. from the dropdown menu and edit it accordingly.
1. Click **Submit changes**. 1. Click **Submit changes**.
...@@ -154,9 +154,9 @@ so you can verify the correct image is included and there aren't any references ...@@ -154,9 +154,9 @@ so you can verify the correct image is included and there aren't any references
You can embed YouTube videos on the WYSIWYG mode by clicking the video icon (**{live-preview}**). You can embed YouTube videos on the WYSIWYG mode by clicking the video icon (**{live-preview}**).
The following URL/ID formats are supported: The following URL/ID formats are supported:
- YouTube watch URL (e.g. `https://www.youtube.com/watch?v=0t1DgySidms`) - **YouTube watch URLs**: `https://www.youtube.com/watch?v=0t1DgySidms`
- YouTube embed URL (e.g. `https://www.youtube.com/embed/0t1DgySidms`) - **YouTube embed URLs**: `https://www.youtube.com/embed/0t1DgySidms`
- YouTube video ID (e.g. `0t1DgySidms`) - **YouTube video IDs**: `0t1DgySidms`
### Front matter ### Front matter
...@@ -164,13 +164,13 @@ The following URL/ID formats are supported: ...@@ -164,13 +164,13 @@ The following URL/ID formats are supported:
> - Ability to edit page front matter [introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/235921) in GitLab 13.5. > - Ability to edit page front matter [introduced](https://gitlab.com/gitlab-org/gitlab/-/issues/235921) in GitLab 13.5.
Front matter is a flexible and convenient way to define page-specific variables in data files Front matter is a flexible and convenient way to define page-specific variables in data files
intended to be parsed by a static site generator. It is commonly used for setting a page's intended to be parsed by a static site generator. Use it to set a page's
title, layout template, or author, but can be used to pass any kind of metadata to the title, layout template, or author. You can also pass any kind of metadata to the
generator as the page renders out to HTML. Included at the very top of each data file, the generator as the page renders out to HTML. Included at the very top of each data file, the
front matter is often formatted as YAML or JSON and requires consistent and accurate syntax. front matter is often formatted as YAML or JSON, and requires consistent and accurate syntax.
To edit the front matter from the Static Site Editor you can use the GitLab regular file editor, To edit the front matter from the Static Site Editor you can use the GitLab regular file editor,
the Web IDE, or easily update the data directly from the WYSIWYG editor: the Web IDE, or update the data directly from the WYSIWYG editor:
1. Click the **Page settings** button on the bottom-right to reveal a web form with the data you 1. Click the **Page settings** button on the bottom-right to reveal a web form with the data you
have on the page's front matter. The form is populated with the current data: have on the page's front matter. The form is populated with the current data:
...@@ -181,10 +181,16 @@ the Web IDE, or easily update the data directly from the WYSIWYG editor: ...@@ -181,10 +181,16 @@ the Web IDE, or easily update the data directly from the WYSIWYG editor:
1. When you're done, click **Submit changes...**. 1. When you're done, click **Submit changes...**.
1. Describe your changes (add a commit message). 1. Describe your changes (add a commit message).
1. Click **Submit changes**. 1. Click **Submit changes**.
1. Click **View merge request** and GitLab will take you there. 1. Click **View merge request** to view it.
Note that support for adding new attributes to the page's front matter from the form is not supported Adding new attributes to the page's front matter from the form is not supported.
yet. You can do so by editing the file locally, through the GitLab regular file editor, or through the Web IDE. Once added, the form will load the new fields. To add new attributes:
- Edit the file locally
- Edit the file with the GitLab regular file editor.
- Edit the file with the Web IDE.
After adding an attribute, the form loads the new fields.
## Configuration files ## Configuration files
...@@ -206,8 +212,8 @@ use to customize behavior of the Static Site Editor (SSE). If the file does not ...@@ -206,8 +212,8 @@ use to customize behavior of the Static Site Editor (SSE). If the file does not
default values which support a default Middleman project configuration are used. default values which support a default Middleman project configuration are used.
The [Static Site Editor - Middleman](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman) project template generates a file pre-populated with these defaults. The [Static Site Editor - Middleman](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman) project template generates a file pre-populated with these defaults.
To customize the behavior of the SSE, edit `.gitlab/static-site-editor.yml`'s entries To customize the behavior of the SSE, edit `.gitlab/static-site-editor.yml`'s entries,
(described in the table below) according to what works best for your project (respecting YAML syntax). according to your project's needs. Make sure to respect YAML syntax.
After the table, see an [example of the SSE configuration file](#gitlabstatic-site-editoryml-example). After the table, see an [example of the SSE configuration file](#gitlabstatic-site-editoryml-example).
...@@ -224,8 +230,9 @@ image_upload_path: 'source/images' # Relative path to the project's root. Don't ...@@ -224,8 +230,9 @@ image_upload_path: 'source/images' # Relative path to the project's root. Don't
### Static Site Generator configuration ### Static Site Generator configuration
The Static Site Editor uses Middleman's configuration file, `data/config.yml` The Static Site Editor uses Middleman's configuration file, `data/config.yml`
to customize the behavior of the project itself and to control the **Edit this to customize the behavior of the project itself. This file also controls the
page** button, rendered through the file [`layout.erb`](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman/-/blob/master/source/layouts/layout.erb). **Edit this page** button, rendered through the file
[`layout.erb`](https://gitlab.com/gitlab-org/project-templates/static-site-editor-middleman/-/blob/master/source/layouts/layout.erb).
To [configure the project template to your own project](#set-up-your-project), To [configure the project template to your own project](#set-up-your-project),
you must replace the `<username>` and `<project-name>` in the `data/config.yml` you must replace the `<username>` and `<project-name>` in the `data/config.yml`
...@@ -236,7 +243,7 @@ the Static Site Editor may use different configuration files or approaches. ...@@ -236,7 +243,7 @@ the Static Site Editor may use different configuration files or approaches.
## Using Other Static Site Generators ## Using Other Static Site Generators
Although Middleman is the only Static Site Generator currently officially supported Although Middleman is the only Static Site Generator officially supported
by the Static Site Editor, you can configure your project's build and deployment by the Static Site Editor, you can configure your project's build and deployment
to use a different Static Site Generator. In this case, use the Middleman layout to use a different Static Site Generator. In this case, use the Middleman layout
as an example, and follow a similar approach to properly render an **Edit this page** as an example, and follow a similar approach to properly render an **Edit this page**
......
...@@ -9,16 +9,14 @@ type: index, reference, howto ...@@ -9,16 +9,14 @@ type: index, reference, howto
## Issues and merge requests ## Issues and merge requests
To search through issues and merge requests in multiple projects, you can use the **Issues** or **Merge Requests** links To search through issues and merge requests in multiple projects, use the **Issues** or **Merge Requests** links
in the top-right part of your screen. in the top-right part of your screen. These instructions are valid for both.
Both of them work in the same way, therefore, the following notes are valid for both. The number displayed on their right represents the number of issues and merge requests assigned to you:
The number displayed on their right represents the number of issues and merge requests assigned to you.
![issues and MRs dashboard links](img/dashboard_links.png) ![issues and MRs dashboard links](img/dashboard_links.png)
When you click **Issues**, the opened issues assigned to you are shown straight away: When you click **Issues**, GitLab shows the opened issues assigned to you:
![Issues assigned to you](img/issues_assigned_to_you.png) ![Issues assigned to you](img/issues_assigned_to_you.png)
...@@ -30,7 +28,7 @@ You can also filter the results using the search and filter field, as described ...@@ -30,7 +28,7 @@ You can also filter the results using the search and filter field, as described
### Issues and MRs assigned to you or created by you ### Issues and MRs assigned to you or created by you
GitLab shows shortcuts to issues and merge requests created by you or assigned to you GitLab shows shortcuts to issues and merge requests created by you or assigned to you
on the search field on the top-right of your screen: in the search field in the upper right corner:
![shortcut to your issues and merge requests](img/issues_mrs_shortcut.png) ![shortcut to your issues and merge requests](img/issues_mrs_shortcut.png)
...@@ -156,15 +154,16 @@ using the filter functionality, you can start typing characters to bring up ...@@ -156,15 +154,16 @@ using the filter functionality, you can start typing characters to bring up
relevant users or other attributes. relevant users or other attributes.
For performance optimization, there is a requirement of a minimum of three For performance optimization, there is a requirement of a minimum of three
characters to begin your search. For example, if you want to search for characters to begin your search. To search for issues with the assignee `Simone Presley`,
issues that have the assignee "Simone Presley", you must type at you must type at least `Sim` before autocomplete displays results.
least "Sim" before autocomplete gives any relevant results.
## Search history ## Search history
You can view recent searches by clicking on the little arrow-clock icon, which is to the left of the search input. Click the search entry to run that search again. This feature is available for issues and merge requests. Searches are stored locally in your browser. Search history is available for issues and merge requests, and is stored locally
in your browser. To run a search from history:
![search history](img/search_history.gif) 1. In the top menu, click **Issues** or **Merge requests**.
1. To the left of the search bar, click **Recent searches**, and select a search from the list.
## Removing search filters ## Removing search filters
...@@ -174,7 +173,7 @@ To delete filter tokens one at a time, the <kbd>⌥</kbd> (Mac) / <kbd>Control</ ...@@ -174,7 +173,7 @@ To delete filter tokens one at a time, the <kbd>⌥</kbd> (Mac) / <kbd>Control</
## Filtering with multiple filters of the same type ## Filtering with multiple filters of the same type
Some filters can be added multiple times. These include but are not limited to assignees and labels. When you filter with these multiple filters of the same type, the AND logic is applied. For example, if you were filtering `assignee:@sam assignee:@sarah`, your results include only entries whereby the assignees are assigned to both Sam and Sarah are returned. Some filters can be added multiple times. These include but are not limited to assignees and labels. When you filter with these multiple filters of the same type, the `AND` logic is applied. For example, if you were filtering `assignee:@sam assignee:@sarah`, your results include only entries whereby the assignees are assigned to both Sam and Sarah are returned.
![multiple assignees filtering](img/multiple_assignees.png) ![multiple assignees filtering](img/multiple_assignees.png)
...@@ -192,8 +191,8 @@ You can search through your projects from the left menu, by clicking the menu ba ...@@ -192,8 +191,8 @@ You can search through your projects from the left menu, by clicking the menu ba
On the field **Filter by name**, type the project or group name you want to find, and GitLab On the field **Filter by name**, type the project or group name you want to find, and GitLab
filters them for you as you type. filters them for you as you type.
You can also look for the projects you [starred](../project/index.md#star-a-project) (**Starred projects**), and **Explore** all You can also look for the projects you [starred](../project/index.md#star-a-project) (**Starred projects**).
public and internal projects available in GitLab.com, from which you can filter by visibility, You can **Explore** all public and internal projects available in GitLab.com, from which you can filter by visibility,
through **Trending**, best rated with **Most stars**, or **All** of them. through **Trending**, best rated with **Most stars**, or **All** of them.
You can also sort them by **Name**, **Last created**, **Oldest created**, **Last updated**, You can also sort them by **Name**, **Last created**, **Oldest created**, **Last updated**,
...@@ -217,7 +216,7 @@ and sort them by **Last created**, **Oldest created**, **Last updated**, or **Ol ...@@ -217,7 +216,7 @@ and sort them by **Last created**, **Oldest created**, **Last updated**, or **Ol
From an [Issue Board](../../user/project/issue_board.md), you can filter issues by **Author**, **Assignee**, **Milestone**, and **Labels**. From an [Issue Board](../../user/project/issue_board.md), you can filter issues by **Author**, **Assignee**, **Milestone**, and **Labels**.
You can also filter them by name (issue title), from the field **Filter by name**, which is loaded as you type. You can also filter them by name (issue title), from the field **Filter by name**, which is loaded as you type.
When you want to search for issues to add to lists present in your Issue Board, click To search for issues to add to lists present in your Issue Board, click
the button **Add issues** on the top-right of your screen, opening a modal window from which the button **Add issues** on the top-right of your screen, opening a modal window from which
you can, besides filtering them by **Name**, **Author**, **Assignee**, **Milestone**, you can, besides filtering them by **Name**, **Author**, **Assignee**, **Milestone**,
and **Labels**, select multiple issues to add to a list of your choice: and **Labels**, select multiple issues to add to a list of your choice:
...@@ -226,10 +225,14 @@ and **Labels**, select multiple issues to add to a list of your choice: ...@@ -226,10 +225,14 @@ and **Labels**, select multiple issues to add to a list of your choice:
## Shortcut ## Shortcut
GitLab shows a shortcut on the search field on the top-right of the project's dashboard to To view issues and merge requests created or assigned to you in a project:
quickly access issues and merge requests created or assigned to you in that project:
1. Go to your project.
1. In the top navigation bar, click the search box to display a list of issues and
merge requests.
1. Select your desired issue or merge request:
![search per project - shortcut](img/project_search.png) ![search per project - shortcut](img/project_search.png)
### Autocomplete suggestions ### Autocomplete suggestions
...@@ -246,7 +249,7 @@ You can also type in this search bar to see autocomplete suggestions for: ...@@ -246,7 +249,7 @@ You can also type in this search bar to see autocomplete suggestions for:
## Basic search ## Basic search
The Basic search in GitLab is a global search service that allows you to search The Basic search in GitLab enables you to search
across the entire GitLab instance, in a group, or in a single project. Basic search is across the entire GitLab instance, in a group, or in a single project. Basic search is
backed by the database and allows searching in: backed by the database and allows searching in:
......
...@@ -65,8 +65,8 @@ have version control enabled by default. ...@@ -65,8 +65,8 @@ have version control enabled by default.
This means that all snippets get their own underlying repository initialized with This means that all snippets get their own underlying repository initialized with
a `master` branch at the moment the snippet is created. Whenever a change to the snippet is saved, a a `master` branch at the moment the snippet is created. Whenever a change to the snippet is saved, a
new commit to the master branch is recorded. Commit messages are automatically new commit to the `master` branch is recorded. Commit messages are automatically
generated. The snippet's repository has only one branch (master) by default, deleting generated. The snippet's repository has only one branch (`master`) by default, deleting
it or creating other branches is not supported. it or creating other branches is not supported.
Existing snippets are automatically migrated in 13.0. Their current Existing snippets are automatically migrated in 13.0. Their current
...@@ -75,14 +75,14 @@ content is saved as the initial commit to the snippets' repository. ...@@ -75,14 +75,14 @@ content is saved as the initial commit to the snippets' repository.
### Filenames ### Filenames
Snippets support syntax highlighting based on the filename and Snippets support syntax highlighting based on the filename and
extension provided for them. While it is possible to submit a snippet extension provided for them. While you can submit a snippet
without specifying a filename and extension, it needs a valid name so the without specifying a filename and extension, it needs a valid name so the
content can be created as a file in the snippet's repository. content can be created as a file in the snippet's repository.
In case the user does not attribute a filename and extension to a snippet, If you don't attribute a filename and extension to a snippet,
GitLab automatically adds a filename in the format `snippetfile<x>.txt` GitLab adds a filename in the format `snippetfile<x>.txt`
where `<x>` represents a number added to the file, starting with 1. This where `<x>` represents a number added to the file, starting with 1. This
number increases incrementally when more snippets without an attributed number increments when more snippets without an attributed
filename are added. filename are added.
When upgrading from an earlier version of GitLab to 13.0, existing snippets When upgrading from an earlier version of GitLab to 13.0, existing snippets
...@@ -96,14 +96,15 @@ direct or embedded links to the snippet. ...@@ -96,14 +96,15 @@ direct or embedded links to the snippet.
> [Introduced](https://gitlab.com/groups/gitlab-org/-/epics/2829) in GitLab 13.5. > [Introduced](https://gitlab.com/groups/gitlab-org/-/epics/2829) in GitLab 13.5.
GitLab Snippets support multiple files in one single snippet. It can be very handy GitLab Snippets support multiple files in one single snippet. This is helpful
when your code snippet is composed of multiple parts or when they relate when your code snippet is composed of multiple parts or when they relate
to a certain context. For example: to a certain context. For example:
- A snippet that includes a script and its output. - A snippet that includes a script and its output.
- A snippet that includes HTML, CSS, and JS code. - A snippet that includes HTML, CSS, and JS code.
- A snippet with a `docker-compose.yml` file and its associated `.env` file. - A snippet with a `docker-compose.yml` file and its associated `.env` file.
- A `gulpfile.js` file coupled with a `package.json` file, which together can be used to bootstrap a project and manage its dependencies. - A `gulpfile.js` file coupled with a `package.json` file, which together can be
used to bootstrap a project and manage its dependencies.
Snippets support between 1 and 10 files. They can be managed via Git (because they're [versioned](#versioned-snippets) Snippets support between 1 and 10 files. They can be managed via Git (because they're [versioned](#versioned-snippets)
by a Git repository), through the [Snippets API](../api/snippets.md), or in the GitLab UI. by a Git repository), through the [Snippets API](../api/snippets.md), or in the GitLab UI.
...@@ -135,7 +136,7 @@ button above the snippet content to copy the URL of your choice. ...@@ -135,7 +136,7 @@ button above the snippet content to copy the URL of your choice.
This allows you to have a local copy of the snippet's repository and make This allows you to have a local copy of the snippet's repository and make
changes as needed. You can commit those changes and push them to the remote changes as needed. You can commit those changes and push them to the remote
master branch. `master` branch.
### Reduce snippets repository size ### Reduce snippets repository size
...@@ -148,15 +149,15 @@ see the documentation on [reducing repository size](../user/project/repository/r ...@@ -148,15 +149,15 @@ see the documentation on [reducing repository size](../user/project/repository/r
### Limitations ### Limitations
- Binary files are not supported. - Binary files are not supported.
- Creating or deleting branches is not supported. Only a default *master* branch is used. - Creating or deleting branches is not supported. Only a default `master` branch is used.
- Git tags are not supported in snippet repositories. - Git tags are not supported in snippet repositories.
- Snippets' repositories are limited to 10 files. Attempting to push more - Snippets' repositories are limited to 10 files. Attempting to push more
than 10 files results in an error. than 10 files results in an error.
- Revisions are not *yet* visible to the user on the GitLab UI, but - Revisions are not visible to the user on the GitLab UI, but this feature is planned
it's planned to be added in future iterations. See the [revisions tab issue](https://gitlab.com/gitlab-org/gitlab/-/issues/39271) in future iterations. See the [revisions tab issue](https://gitlab.com/gitlab-org/gitlab/-/issues/39271)
for updates. for updates.
- The [maximum size for a snippet](../administration/snippets/index.md#snippets-content-size-limit) - The [maximum size for a snippet](../administration/snippets/index.md#snippets-content-size-limit)
is 50 MB, by default. is 50 MB, by default.
- Git LFS is not supported. - Git LFS is not supported.
## Discover snippets ## Discover snippets
...@@ -168,10 +169,10 @@ dashboard of your GitLab instance via the top navigation. For GitLab.com you can ...@@ -168,10 +169,10 @@ dashboard of your GitLab instance via the top navigation. For GitLab.com you can
navigate to an [overview]((https://gitlab.com/dashboard/snippets)) that shows snippets navigate to an [overview]((https://gitlab.com/dashboard/snippets)) that shows snippets
you created and allows you to explore all snippets. you created and allows you to explore all snippets.
If you want to discover snippets that belong to a specific project, you can navigate To discover snippets that belong to a specific project, navigate
to the Snippets page via the left side navigation on the project page. to the Snippets page via the left side navigation on the project page.
Project snippets are enabled and available by default, but they can Project snippets are enabled and available by default. You can
be disabled by navigating to your project's **Settings**, expanding disable them by navigating to your project's **Settings**, expanding
**Visibility, project features, permissions** and scrolling down to **Visibility, project features, permissions** and scrolling down to
**Snippets**. From there, you can toggle to disable them or select a **Snippets**. From there, you can toggle to disable them or select a
different visibility level from the dropdown menu. different visibility level from the dropdown menu.
...@@ -181,7 +182,7 @@ different visibility level from the dropdown menu. ...@@ -181,7 +182,7 @@ different visibility level from the dropdown menu.
> [Introduced](https://gitlab.com/gitlab-org/gitlab-foss/-/issues/12910) in GitLab 9.2. > [Introduced](https://gitlab.com/gitlab-org/gitlab-foss/-/issues/12910) in GitLab 9.2.
With GitLab Snippets you engage in a conversation about that piece of code, With GitLab Snippets you engage in a conversation about that piece of code,
facilitating the collaboration among users. encouraging user collaboration.
## Downloading snippets ## Downloading snippets
...@@ -207,20 +208,23 @@ To embed a snippet, first make sure that: ...@@ -207,20 +208,23 @@ To embed a snippet, first make sure that:
- In **Project > Settings > Permissions**, the snippets permissions are - In **Project > Settings > Permissions**, the snippets permissions are
set to **Everyone with access** set to **Everyone with access**
After the above conditions are met, the "Embed" section appears in your After the above conditions are met, the **Embed** section appears in your
snippet where you can simply click on the "Copy" button. This copies a one-line snippet. Click the **Copy** button to copy a one-line
script that you can add to any website or blog post. script that you can add to any website or blog post. For example:
Here's how an example code looks like:
```html ```html
<script src="https://gitlab.com/namespace/project/snippets/SNIPPET_ID.js"></script> <script src="https://gitlab.com/namespace/project/snippets/SNIPPET_ID.js"></script>
``` ```
Here's how an embedded snippet looks like: Here's what an embedded snippet looks like:
<script src="https://gitlab.com/gitlab-org/gitlab-foss/snippets/1717978.js"></script> <script src="https://gitlab.com/gitlab-org/gitlab-foss/snippets/1717978.js"></script>
Embedded snippets are displayed with a header that shows the filename if it's defined, Embedded snippets are displayed with a header that shows:
the snippet size, a link to GitLab, and the actual snippet content. Actions in
the header allow users to see the snippet in raw format and download it. - The filename, if defined.
- The snippet size.
- A link to GitLab.
- The actual snippet content.
Actions in the header enable users to see the snippet in raw format, and download it.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment