diff --git a/docs/getting-started/integrations/dotnet.md b/docs/getting-started/integrations/dotnet.md index d3e458da6af..8bdde7d6e89 100644 --- a/docs/getting-started/integrations/dotnet.md +++ b/docs/getting-started/integrations/dotnet.md @@ -22,7 +22,7 @@ For the purpose of this guide, we will use a basic ASP.NET Core project created Our new CKEditor 5 Builder does not provide ZIP output yet – but it will in the future. In the meantime, you can use one of the generic ZIP packages provided [on the download page](https://ckeditor.com/ckeditor-5/download/#zip). -After downloading and unpacking the ZIP archive, copy the `ckeditor5.js` and `ckeditor5.css` files in the `wwwroot/assets/vendor/` directory. The folder structure of your app should resemble this one. +After downloading and unpacking the ZIP archive, copy the `ckeditor5.js` and `ckeditor5.css` files in the `wwwroot/lib/ckeditor5/` directory. The folder structure of your app should resemble this one. ```plain ├── bin @@ -32,21 +32,22 @@ After downloading and unpacking the ZIP archive, copy the `ckeditor5.js` and `ck │ └── ... ├── Properties ├── wwwroot -│ ├── assets -| ├── vendor -| ├── ckeditor5.js -| └── ckeditor5.css │ ├── css │ ├── js │ ├── lib +| ├── bootstrap +| ├── ckeditor5 +| ├── ckeditor5.js +| └── ckeditor5.css +| ├── jquery +| ├── jquery-validation +| ├── jquery-validation-unobtrusive │ └── favicon.ico ├── appsettings.Development.json ├── appsettings.json └── ... ``` -Having all the dependencies of CKEditor 5, modify the `Index.cshtml` file in the `Pages` directory to import them. All the necessary markup is in the `index.html` file from the ZIP archive. You can copy and paste it into your page. Pay attention to the paths of the import map and CSS link - they should reflect your folder structure. The template should look similar to the one below: - Starting from version 44.0.0, the `licenseKey` property is required to use the editor. If you use a self-hosted editor from ZIP: @@ -56,70 +57,56 @@ Having all the dependencies of CKEditor 5, modify the `Index.cshtml` file i You can set up [a free trial](https://portal.ckeditor.com/checkout?plan=free) to test the editor and evaluate the self-hosting. +Once you have all the dependencies of CKEditor 5, modify the `Index.cshtml` file in the `Pages` directory to import them. All the necessary markup is in the `index.html` file from the ZIP archive. You can copy and paste it into the ` - - - + +
+
+

Hello from CKEditor 5!

+
+
+ + ``` + +Due to a [bug](https://issues.chromium.org/issues/40611854), Chromium does not support multiple import maps yet. The .NET web app in the current version may already have an import map defined in the shared layout. If that is your case, remove the `` tag from the `/Pages/Shared/__Layout.cshtml` file and you will be ready to run your application. + Finally, in the root directory of your .NET project, run `dotnet watch run` to see the app in action.