copyCodeSnippet
Usage
Use the copyCodeSnippet
section to display the copy button in all Markdown code blocks in the portal. The copy button provides a quick and practical way to copy the whole code block to the clipboard in a single action (tap or click).
Add the copyCodeSnippet
section to the top level of the siteConfig.yaml
file and configure supported options inside it.
Note
The copy button is a global feature that affects all pages in the portal (cannot be configured per-page in the front matter). It is enabled by default starting from the 1.1.0-beta.55
version. To disable it, set enable: false
in the copyCodeSnippet
section.
Options
Option | Description |
---|---|
enable | When set to true , the copy button is displayed in the upper right corner of all Markdown code blocks. The default value is true . |
buttonText | Sets the text displayed on the button. The default value is Copy . |
tooltipText | Sets the text displayed in the tooltip when hovering over the button. The default value is Copy the code snippet . |
toasterText | Sets the text displayed in the notification that appears after successfully copying the code sample. The default value is Copied . |
toasterDuration | Specifies how long the notification is visible (in milliseconds). The default value is 1500 . |
Examples
seo: title: Example Developer Portal description: Learn how to work with Example APIs copyCodeSnippet: enable: true buttonText: Copy tooltipText: Copy the code snippet toasterText: Copied toasterDuration: 1500