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
Copy file name to clipboardExpand all lines: blazor/smart-paste/getting-started-webapp.md
+18-11Lines changed: 18 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -70,7 +70,7 @@ For example, in a Blazor Web App with the `Auto` interactive render mode, use th
70
70
{% tabs %}
71
71
{% highlight c# tabtitle="Blazor Web App" %}
72
72
73
-
dotnet new blazor -o BlazorWebApp -int Auto
73
+
dotnet new blazor -o BlazorWebApp -int Server
74
74
cd BlazorWebApp
75
75
cd BlazorWebApp.Client
76
76
@@ -81,7 +81,7 @@ N> For more information on creating a **Blazor Web App** with various interactiv
81
81
82
82
## Install Syncfusion<supstyle="font-size:70%">®</sup> Blazor SmartComponents and Themes NuGet in the App
83
83
84
-
If you utilize `WebAssembly` or `Auto`render modes in the Blazor Web App need to be install Syncfusion<supstyle="font-size:70%">®</sup> Blazor components NuGet packages within the client project.
84
+
If you utilize `Server`render modes in the Blazor Web App need to be install Syncfusion<supstyle="font-size:70%">®</sup> Blazor components NuGet packages within the server project.
85
85
86
86
* Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
87
87
* Ensure you’re in the project root directory where your `.csproj` file is located.
| WebAssembly or Auto | Open **~/_Imports.razor** file from the client project.|
113
112
| Server | Open **~/_import.razor** file, which is located in the `Components` folder.|
114
113
115
114
Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.SmartComponents` namespace .
@@ -123,10 +122,6 @@ Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.SmartComponents` namespace
123
122
{% endhighlight %}
124
123
{% endtabs %}
125
124
126
-
Now, register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
127
-
128
-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
129
-
130
125
If the **Interactive Render Mode** is set to `Server`, your project will contain a single **~/Program.cs** file. So, you should register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Service only in that **~/Program.cs** file.
@@ -190,9 +185,21 @@ N> From version 28.2.33, the Azure.AI.OpenAI package has been removed from the S
190
185
191
186
If you are using **OpenAI**, [create an API key](https://help.openai.com/en/articles/4936850-where-do-i-find-my-openai-api-key) and place it at `apiKey`, leave the `endpoint` as `""`. The value for `deploymentName` is the [model](https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/models) you wish to use (e.g., `gpt-3.5-turbo`, `gpt-4`, etc.).
192
187
193
-
### Using Ollama
188
+
### Configuring Ollama for Self-Hosted AI Models
189
+
190
+
To use Ollama for running self-hosted models:
191
+
192
+
1.**Download and install Ollama**
193
+
Visit [Ollama's official website](https://ollama.com) and install the application appropriate for your operating system.
194
+
195
+
2.**Install the desired model from the Ollama library**
196
+
You can browse and install models from the [Ollama Library](https://ollama.com/library) (e.g., `llama2:13b`, `mistral:7b`, etc.).
197
+
198
+
3.**Configure your application**
194
199
195
-
If you are using [Ollama](https://ollama.com/), set SelfHosted to true and provide the Endpoint URL where the model is hosted (e.g., http://localhost:11434). The value for DeploymentName should be the specific [model](https://ollama.com/library) you wish to use (e.g., `llama2:13b`, `mistral:7b`, etc.).
200
+
- Set `SelfHosted` to `true`.
201
+
- Provide the `Endpoint` URL where the model is hosted (e.g., `http://localhost:11434`).
202
+
- Set `DeploymentName` to the specific model you installed (e.g., `llama2:13b`).
196
203
197
204
Add the following settings to the **~/Program.cs** file in your Blazor Server app.
198
205
@@ -307,4 +314,4 @@ N> [View Sample in GitHub](https://github.com/syncfusion/smart-ai-samples).
307
314
308
315
## See also
309
316
310
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart Paste Button Blazor Server App](https://blazor.syncfusion.com/documentation/)
317
+
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart Paste Button Blazor Server App](https://blazor.syncfusion.com/documentation/smart-paste/getting-started-webapp)
@@ -169,9 +169,21 @@ N> From version 28.2.33, the Azure.AI.OpenAI package has been removed from the S
169
169
170
170
If you are using **OpenAI**, create an API key and place it at `apiKey`, leave the `endpoint` as `""`. The value for `deploymentName` is the model you wish to use (e.g., `gpt-3.5-turbo`, `gpt-4`, etc.).
171
171
172
-
### Using Ollama
172
+
### Configuring Ollama for Self-Hosted AI Models
173
173
174
-
If you are using [Ollama](https://ollama.com/), set SelfHosted to true and provide the Endpoint URL where the model is hosted (e.g., http://localhost:11434). The value for DeploymentName should be the specific [model](https://ollama.com/library) you wish to use (e.g., `llama2:13b`, `mistral:7b`, etc.).
174
+
To use Ollama for running self-hosted models:
175
+
176
+
1.**Download and install Ollama**
177
+
Visit [Ollama's official website](https://ollama.com) and install the application appropriate for your operating system.
178
+
179
+
2.**Install the desired model from the Ollama library**
180
+
You can browse and install models from the [Ollama Library](https://ollama.com/library) (e.g., `llama2:13b`, `mistral:7b`, etc.).
181
+
182
+
3.**Configure your application**
183
+
184
+
- Set `SelfHosted` to `true`.
185
+
- Provide the `Endpoint` URL where the model is hosted (e.g., `http://localhost:11434`).
186
+
- Set `DeploymentName` to the specific model you installed (e.g., `llama2:13b`).
175
187
176
188
Add the following settings to the **~/Program.cs** file in your Blazor Server app.
177
189
@@ -290,4 +302,4 @@ N> [View Sample in GitHub](https://github.com/syncfusion/smart-ai-samples).
290
302
291
303
## See also
292
304
293
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart Paste Button Blazor Web App](https://blazor.syncfusion.com/documentation/)
305
+
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart Paste Button Blazor Web App](https://blazor.syncfusion.com/documentation/smart-paste/getting-started)
Copy file name to clipboardExpand all lines: blazor/smart-textarea/getting-started-webapp.md
+19-12Lines changed: 19 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -66,12 +66,12 @@ You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Temp
66
66
67
67
You need to configure the corresponding [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-8.0&pivots=vsc) while creating a Blazor Web Application.
68
68
69
-
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands.
69
+
For example, in a Blazor Web App with the `Server` interactive render mode, use the following commands.
70
70
71
71
{% tabs %}
72
72
{% highlight c# tabtitle="Blazor Web App" %}
73
73
74
-
dotnet new blazor -o BlazorWebApp -int Auto
74
+
dotnet new blazor -o BlazorWebApp -int Server
75
75
cd BlazorWebApp
76
76
cd BlazorWebApp.Client
77
77
@@ -82,7 +82,7 @@ N> For more information on creating a **Blazor Web App** with various interactiv
82
82
83
83
## Install Syncfusion<supstyle="font-size:70%">®</sup> Blazor SmartComponents and Themes NuGet in the App
84
84
85
-
If you utilize `WebAssembly` or `Auto`render modes in the Blazor Web App need to be install Syncfusion<supstyle="font-size:70%">®</sup> Blazor components NuGet packages within the client project.
85
+
If you utilize `Server`render modes in the Blazor Web App need to be install Syncfusion<supstyle="font-size:70%">®</sup> Blazor components NuGet packages within the server project.
86
86
87
87
* Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
88
88
* Ensure you’re in the project root directory where your `.csproj` file is located.
| WebAssembly or Auto | Open **~/_Imports.razor** file from the client project.|
114
113
| Server | Open **~/_import.razor** file, which is located in the `Components` folder.|
115
114
116
115
Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.SmartComponents` namespace.
@@ -124,10 +123,6 @@ Import the `Syncfusion.Blazor` and `Syncfusion.Blazor.SmartComponents` namespace
124
123
{% endhighlight %}
125
124
{% endtabs %}
126
125
127
-
Now, register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
128
-
129
-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
130
-
131
126
If the **Interactive Render Mode** is set to `Server`, your project will contain a single **~/Program.cs** file. So, you should register the Syncfusion<supstyle="font-size:70%">®</sup> Blazor Service only in that **~/Program.cs** file.
@@ -191,9 +186,21 @@ N> From version 28.2.33, the Azure.AI.OpenAI package has been removed from the S
191
186
192
187
If you are using **OpenAI**, [create an API key](https://help.openai.com/en/articles/4936850-where-do-i-find-my-openai-api-key) and place it at `apiKey`, leave the `endpoint` as `""`. The value for `deploymentName` is the [model](https://learn.microsoft.com/en-us/azure/ai-services/openai/concepts/models) you wish to use (e.g., `gpt-3.5-turbo`, `gpt-4`, etc.).
193
188
194
-
### Using Ollama
189
+
### Configuring Ollama for Self-Hosted AI Models
190
+
191
+
To use Ollama for running self-hosted models:
192
+
193
+
1.**Download and install Ollama**
194
+
Visit [Ollama's official website](https://ollama.com) and install the application appropriate for your operating system.
195
+
196
+
2.**Install the desired model from the Ollama library**
197
+
You can browse and install models from the [Ollama Library](https://ollama.com/library) (e.g., `llama2:13b`, `mistral:7b`, etc.).
198
+
199
+
3.**Configure your application**
195
200
196
-
If you are using [Ollama](https://ollama.com/), set SelfHosted to true and provide the Endpoint URL where the model is hosted (e.g., http://localhost:11434). The value for DeploymentName should be the specific [model](https://ollama.com/library) you wish to use (e.g., `llama2:13b`, `mistral:7b`, etc.).
201
+
- Set `SelfHosted` to `true`.
202
+
- Provide the `Endpoint` URL where the model is hosted (e.g., `http://localhost:11434`).
203
+
- Set `DeploymentName` to the specific model you installed (e.g., `llama2:13b`).
197
204
198
205
Add the following settings to the **~/Program.cs** file in your Blazor Server app.
199
206
@@ -277,4 +284,4 @@ N> [View Sample in GitHub](https://github.com/syncfusion/smart-ai-samples).
277
284
278
285
## See also
279
286
280
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart TextArea in Blazor Server App](https://blazor.syncfusion.com/documentation/)
287
+
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart TextArea in Blazor Server App](https://blazor.syncfusion.com/documentation/smart-textarea/getting-started-webapp)
@@ -169,9 +169,21 @@ N> From version 28.2.33, the Azure.AI.OpenAI package has been removed from the S
169
169
170
170
If you are using **OpenAI**, create an API key and place it at `apiKey`, leave the `endpoint` as `""`. The value for `deploymentName` is the model you wish to use (e.g., `gpt-3.5-turbo`, `gpt-4`, etc.).
171
171
172
-
### Using Ollama
172
+
### Configuring Ollama for Self-Hosted AI Models
173
173
174
-
If you are using [Ollama](https://ollama.com/), set SelfHosted to true and provide the Endpoint URL where the model is hosted (e.g., http://localhost:11434). The value for DeploymentName should be the specific [model](https://ollama.com/library) you wish to use (e.g., `llama2:13b`, `mistral:7b`, etc.).
174
+
To use Ollama for running self-hosted models:
175
+
176
+
1.**Download and install Ollama**
177
+
Visit [Ollama's official website](https://ollama.com) and install the application appropriate for your operating system.
178
+
179
+
2.**Install the desired model from the Ollama library**
180
+
You can browse and install models from the [Ollama Library](https://ollama.com/library) (e.g., `llama2:13b`, `mistral:7b`, etc.).
181
+
182
+
3.**Configure your application**
183
+
184
+
- Set `SelfHosted` to `true`.
185
+
- Provide the `Endpoint` URL where the model is hosted (e.g., `http://localhost:11434`).
186
+
- Set `DeploymentName` to the specific model you installed (e.g., `llama2:13b`).
175
187
176
188
Add the following settings to the **~/Program.cs** file in your Blazor Server app.
177
189
@@ -256,4 +268,4 @@ N> [View Sample in GitHub](https://github.com/syncfusion/smart-ai-samples).
256
268
257
269
## See also
258
270
259
-
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart TextArea in Blazor Web App](https://blazor.syncfusion.com/documentation/)
271
+
*[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor Smart TextArea in Blazor Web App](https://blazor.syncfusion.com/documentation/smart-textarea/getting-started)
0 commit comments