You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Saving Your Editor Code Snippets in Telerik REPL for Blazor
13
+
14
+
Once you log in, [Telerik REPL for Blazor](https://www.telerik.com/blazor-ui/repl) automatically saves every code snippet you create from your account. To create a code snippet, enter the desired code and click the **Share** button in the toolbar.
15
+
16
+
To log into [Telerik REPL for Blazor](https://www.telerik.com/blazor-ui/repl), use your existing Telerik account or register as a new user by clicking the user icon in the toolbar. You will be prompted to the Telerik login page where you can enter your credentials.
17
+
18
+
19
+
You can manage the saved code snippets in the **User Snippets** section of the sidebar:
20
+
21
+
22
+
23
+
The **User Snippets** menu allows you to review and manage your code snippets:
24
+
25
+
***Open**—Clicking a snippet will automatically populate it in the editor. You can run it or make changes. To save the changed snippet, click the **Share** button—the updated snippet will be saved as a new one.
26
+
27
+
***Filter**—You can filter the snippets by name or creation date.
28
+
29
+
***Sort**—You can sort the snippets by name or date of creation in ascending or descending order.
30
+
31
+
***Rename**—Telerik REPL for Blazor automatically generates a name when saving the snippet. You can change that default name to something meaningful.
32
+
33
+
***Delete**—While you are logged in, Telerik REPL for Blazor automatically saves each snippet you generate. The **User Snippets** menu allows you to delete the snippets you no longer need.
34
+
35
+
36
+
## See Also
37
+
38
+
*[Predefined Snippets and Scaffolders in Telerik REPL for Blazor]({%slug blazor-repl-snippets-scaffolders%})
-[Visual Studio and Visual Studio Code Integration](#visual-studio-and-visual-studio-code-integration)
21
+
-[Sharing to REPL in Visual Studio](#sharing-to-repl-in-visual-studio)
22
+
-[Sharing to REPL Visual Studio Code](#sharing-to-repl-visual-studio-code)
23
+
-[See Also](#see-also)
20
24
21
25
## Documentation Integration
22
26
@@ -73,3 +77,9 @@ If no selection is made, the whole file will be shared to Telerik REPL for Blazo
73
77
* To use the command palette, select a section that you want to share, search for **Share to Telerik REPL for Blazor** in the command palette and select it.
74
78
75
79
80
+
81
+
82
+
## See Also
83
+
84
+
*[User Snippets in Telerik REPL for Blazor]({%slug blazor-repl-code-editor-snippets%})
85
+
*[Predefined Snippets and Scaffolders in Telerik REPL for Blazor]({%slug blazor-repl-snippets-scaffolders%})
The <ahref = "https://blazorrepl.telerik.com/"target = "_blank">Telerik REPL for Blazor application</a> interface consists of five main sections:
18
18
19
-
*[Toolbar](#toolbar)
20
-
*[Sidebar - Drawer](#sidebar---drawer)
21
-
*[Editor](#editor)
22
-
*[Result View](#result-view)
23
-
*[Error List](#error-list)
19
+
-[Telerik REPL for Blazor Overview](#telerik-repl-for-blazor-overview)
20
+
-[Toolbar](#toolbar)
21
+
-[Sidebar](#sidebar)
22
+
-[Editor](#editor)
23
+
-[Result View](#result-view)
24
+
-[Error List](#error-list)
25
+
-[See Also](#see-also)
24
26
25
27
<!--  -->
26
28
@@ -38,6 +40,8 @@ The Toolbar of Telerik REPL for Blazor provides access to the operations that yo
38
40
39
41
***Feedback**—leads to the [public feedback portal for Telerik REPL for Blazor](https://feedback.telerik.com/repl) where you can share your enhancement requests and eventual bug reports. We use it to constantly monitor the community interest and demand and thus improve our products.
40
42
43
+
***Login/Register**—allows you to [login and save snippets to your account]({%slug blazor-repl-code-editor-snippets%}).
44
+
41
45
## Sidebar
42
46
43
47
The Sidebar provides the following functionalities:
@@ -46,6 +50,8 @@ The Sidebar provides the following functionalities:
46
50
47
51
***Static Asset Manager**—it allows you to add CDN URLs for your CSS or JavaScript files. Place the file URL in the input and click the download button. This will automatically add references for the corresponding files. Once the desired asset is added, you can easily enable/disable it via a switch. In case some of the installed NuGet packages include CSS/JavaScript files, they will automatically be listed in this section, so you can manage them.
48
52
53
+
***User Snippets**—allows you to review and manage the snippets saved in your account. [Read more about the user snippets...]({%slug blazor-repl-code-editor-snippets%})
54
+
49
55
***Telerik UI Asset Manager**—shows the Telerik.UI.for.Blazor package version and allows you to change or update it. Starting from September 14, 2022 (R3 2022), each REPL example maintains its Telerik UI package version until changed explicitly. The Asset Manager also shows a list with the available [built-in themes]({%slug general-information/themes%}) and their corresponding [color swatches]({%slug themes-swatches%}). When you select a new theme or swatch, you can immediately see the applied styles in the Result View.
50
56
51
57
***Snippets and Scaffolders**—it allows you to add predefined component snippets or scaffold some components defining your desired configuration. [Read more about Snippets and Scaffolders...]({%slug blazor-repl-snippets-scaffolders%})
@@ -68,3 +74,8 @@ Telerik REPL for Blazor provides an Error List that displays details for the com
68
74
69
75
The Error list is located at the bottom of the [Editor](#editor).
70
76
77
+
## See Also
78
+
79
+
*[User Snippets in Telerik REPL for Blazor]({%slug blazor-repl-code-editor-snippets%})
80
+
*[Predefined Snippets and Scaffolders in Telerik REPL for Blazor]({%slug blazor-repl-snippets-scaffolders%})
81
+
*[Integration of Telerik REPL for Blazor with VS and VS Code]({%slug blazor-repl-integration%})
Copy file name to clipboardExpand all lines: getting-started/repl/snippets-and-scaffolders.md
+5Lines changed: 5 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -57,3 +57,8 @@ To use the scaffolders:
57
57
58
58
59
59
Telerik REPL for Blazor allows using one scaffolder at a time. By default, the scaffolder will always be added to the `__Main.razor` file as this is the entry `@page` of the application. When you scaffold a component, it will override the current code in the `__Main.razor` file.
60
+
61
+
## See Also
62
+
63
+
*[User Snippets in Telerik REPL for Blazor]({%slug blazor-repl-code-editor-snippets%})
64
+
*[Integration of Telerik REPL for Blazor with VS and VS Code]({%slug blazor-repl-integration%})
0 commit comments