Merge pull request #70 from DHTMLX/fix-incorrect-links

mafanya23 · web-flow · commit af27845de942 · 2025-08-11T12:26:40.000+03:00
Fix incorrect links
diff --git a/docs/form/api/avatar/api_avatar_properties.md b/docs/form/api/avatar/api_avatar_properties.md
@@ -178,7 +178,8 @@ description: You can explore the Properties of the Avatar control of Form in the
         </tr> 
         <tr>
             <td id="accept"><b>accept</b></td>
-            <td>(optional) allows specifying the type/extension of the selected file, <i>"image/*"</i> by default. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers">Check details</a></td>
+            <td>(optional) allows specifying the type/extension of the selected file, <i>"image/*"</i> by default. 
+                <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept">Check details</a></td>
         </tr>      
         <tr>
             <td><b>fieldName</b></td>
diff --git a/docs/form/api/simplevault/api_simplevault_properties.md b/docs/form/api/simplevault/api_simplevault_properties.md
@@ -136,7 +136,7 @@ description: You can explore the Properties of the Simple Vault control  of Form
         </tr>
         <tr>
             <td><b>accept</b></td>
-            <td>(optional) allows specifying the type/extension that will be displayed in the dialog window during the file selection. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers">Check details</a>, all file types by default</td>
+            <td>(optional) allows specifying the type/extension that will be displayed in the dialog window during the file selection. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept">Check details</a>, all file types by default</td>
         </tr>
         <tr>
             <td><b>validation</b></td>
diff --git a/docs/index.md b/docs/index.md
@@ -11,7 +11,7 @@ import WidgetIcons from '../src/components/WidgetIcons';
 
 Welcome to the documentation of DHTMLX Suite ‐ JavaScript UI widget library!
 
-This documentation provides insight into how to create cross-browser responsive web applications using DHTMLX Suite. It contains API references, overviews, initialization, configuration, customization, and event handling guides for each Suite widget. There is also guidance on how to build various web systems following the example of DHTMLX live demos. Additionally, here you will find links to code examples of Suite widgets used with Angular, React, and Vue.js.
+This documentation provides insight into how to create cross-browser responsive web applications using DHTMLX Suite. It contains API references, overviews, initialization, configuration, customization, and event handling guides for each Suite widget. There is also guidance on how to build various web systems following the example of DHTMLX live demos. Additionally, here you will find links to code examples of Suite widgets used with Angular, React, Svelte and Vue.
 
 ## DHTMLX Suite widgets
 
@@ -101,4 +101,4 @@ All DHTMLX widgets are created with accessible design in mind. DHTMLX sticks to
 
 ## Release History
 
-The list of all DHTMLX Suite versions including maintenance, minor, and major releases is available in the [“What’s new”](/whatsnew/) section of the documentation. If you are using an older version of DHTMLX Suite than the current one, the [migration guide](/migration/) will instruct you on the changes in the code.
+The list of all DHTMLX Suite versions including maintenance, minor, and major releases is available in the ["What's new"](/whatsnew/) section of the documentation. If you are using an older version of DHTMLX Suite than the current one, the [migration guide](/migration/) will instruct you on the changes in the code.
diff --git a/docs/integration/suite_and_angular.md b/docs/integration/suite_and_angular.md
@@ -1,21 +1,21 @@
 ---
 sidebar_label: Integration with Angular
-title: Integration DHTML Suite with Angular
+title: Integration with Angular
 description: You can explore how to use DHTMLX Suite Widgets with Angular. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
 ---
 
-# Integration Suite widgets with Angular
+# Integration with Angular
 
 :::tip
-You should be familiar with basic concepts and patterns of **Angular** before reading this documentation. To refresh your knowledge, please refer to the [**Angular documentation**](https://angular.io/docs).
+You should be familiar with basic concepts and patterns of **Angular** before reading this documentation. To refresh your knowledge, please refer to the [**Angular documentation**](https://angular.dev/overview).
 :::
 
 DHTMLX Suite is compatible with **Angular**. For more information, refer to the corresponding example on GitHub: [DHTMLX Suite with Angular Demo](https://github.com/DHTMLX/angular-suite-demo).
 
 ## Create new Angular project
 
 :::info
-Before you start to create a new project, install [**Angular CLI**](https://angular.io/cli) and [**Node.js**](https://nodejs.org/en/).
+Before you start to create a new project, install [**Angular CLI**](https://angular.dev/tools/cli) and [**Node.js**](https://nodejs.org/en/).
 :::
 
 Step 1. Create a project and name it as ***my-angular-suite-app***:
diff --git a/docs/integration/suite_and_react.md b/docs/integration/suite_and_react.md
@@ -1,13 +1,13 @@
 ---
 sidebar_label: Integration with React
-title: Integration DHTML Suite with React
+title: Integration with React
 description: You can explore how to use DHTMLX Suite Widgets with React. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
 ---
 
-# Integration Suite widgets with React
+# Integration with React
 
 :::tip
-You should be familiar with the basic concepts and patterns of [**React**](https://react.dev) before reading this documentation. To refresh your knowledge, please refer to the [**React documentation**](https://reactjs.org/docs/getting-started.html).
+You should be familiar with the basic concepts and patterns of [**React**](https://react.dev) before reading this documentation. To refresh your knowledge, please refer to the [**React documentation**](https://react.dev/learn).
 :::
 
 DHTMLX Suite widgets are compatible with [**React**](https://react.dev). For more information, refer to the corresponding example on GitHub: [DHTMLX Suite with React Demo](https://github.com/DHTMLX/react-suite-demo).
diff --git a/docs/integration/suite_and_svelte.md b/docs/integration/suite_and_svelte.md
@@ -1,10 +1,10 @@
 ---
 sidebar_label: Integration with Svelte
-title: Integration DHTML Suite with Svelte 
+title: Integration with Svelte 
 description: You can explore how to use DHTMLX Suite Widgets with Svelte. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
 ---
 
-# Integration Suite widgets with Svelte
+# Integration with Svelte
 
 :::tip
 You should be familiar with the basic concepts and patterns of **Svelte** before reading this documentation. To refresh your knowledge, please refer to the [**Svelte documentation**](https://svelte.dev/).
@@ -22,7 +22,7 @@ Step 1. Create a project and name it as ***my-svelte-suite-app***:
 
 There are several ways on how to create a **Svelte** project:
 
-- you can use the [**SvelteKit**](https://kit.svelte.dev/)
+- you can use the [**SvelteKit**](https://svelte.dev/docs/kit/introduction)
 
 or
 
@@ -32,7 +32,7 @@ or
 npm create vite@latest
 ~~~
 
-Check the details in the [related article](https://svelte.dev/docs/introduction#start-a-new-project-alternatives-to-sveltekit).
+Check the details in the [related article](https://svelte.dev/docs/svelte/getting-started#Alternatives-to-SvelteKit).
 
 Step 2. Go to the project directory:
 
diff --git a/docs/integration/suite_and_vue.md b/docs/integration/suite_and_vue.md
@@ -1,10 +1,10 @@
 ---
 sidebar_label: Integration with Vue
-title: Integration DHTML Suite with Vue
+title: Integration with Vue
 description: You can explore how to use DHTMLX Suite Widgets with Vue.js. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite.
 ---
 
-# Integration Suite widgets with Vue
+# Integration with Vue
 
 :::tip
 You should be familiar with the basic concepts and patterns of [**Vue**](https://vuejs.org/) before reading this documentation. To refresh your knowledge, please refer to the [**Vue 3 documentation**](https://vuejs.org/guide/introduction.html#getting-started).
diff --git a/docs/menu/customization.md b/docs/menu/customization.md
@@ -10,8 +10,7 @@ description: You can explore the customization of Menu in the documentation of t
 
 DHTMLX Menu uses the [icons of the DHTMLX library](helpers/icon.md) by default. However, you can use any other icon font pack, if necessary. For this, you need to include the desired icon font on a page and apply icons for Menu controls.
 
-For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) 
-after the source files of DHTMLX Menu as follows:
+For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) after the source files of DHTMLX Menu as follows:
 
 ~~~html
 <script type="text/javascript" src="../../codebase/menu.js"></script>
diff --git a/docs/optimus_guides/how_to_start_optimus.md b/docs/optimus_guides/how_to_start_optimus.md
@@ -65,7 +65,7 @@ Step 1. Initialize an application
 
 {{note The full code for Step 1 is available on <a href="https://github.com/DHTMLX/optimus-starter-app/tree/guide/step-1" target="_blank">GitHub</a>. }}
 
-After running the <a href="https://github.com/DHTMLX/optimus-starter-app/tree/guide/step-1" target="_blank">project</a> on the local server and opening *http://localhost:8080/* in your browser, you will see the following result:
+After running the <a href="https://github.com/DHTMLX/optimus-starter-app/tree/guide/step-1" target="_blank">project</a> on the local server and opening `http://localhost:8080/` in your browser, you will see the following result:
 
 ![](../assets/optimus/start_optimus.png)
 
diff --git a/docs/ribbon/customization.md b/docs/ribbon/customization.md
@@ -64,7 +64,7 @@ const data = [
 
 **Related sample**: [Ribbon. Custom icons](https://snippet.dhtmlx.com/sfkou9gp)
 
-{{note You can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) in the same way.}}
+{{note You can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) in the same way.}}
 
 ## Styling 
 
diff --git a/docs/sidebar/customization.md b/docs/sidebar/customization.md
@@ -11,8 +11,7 @@ description: You can explore the customization of Sidebar in the documentation o
 DHTMLX Sidebar uses the [icons of the DHTMLX library](helpers/icon.md) by default. However, you can use any other icon font pack, if necessary. For this, you need to include the desired icon font on 
 a page and apply icons for Sidebar controls.
 
-For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) 
-after the source files of DHTMLX Sidebar as follows:
+For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) after the source files of DHTMLX Sidebar as follows:
 
 ~~~html
 <script type="text/javascript" src="../../codebase/sidebar.js"></script>
diff --git a/docs/toolbar/customization.md b/docs/toolbar/customization.md
@@ -11,8 +11,7 @@ description: You can explore the customization of Toolbar in the documentation o
 DHTMLX Toolbar uses the [icons of the DHTMLX library](helpers/icon.md) by default. However, you can use any other icon font pack, if necessary. For this, you need to include the desired icon font on 
 a page and apply icons for Toolbar controls.
 
-For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) 
-after the source files of DHTMLX Toolbar as follows:
+For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) after the source files of DHTMLX Toolbar as follows:
 
 ~~~html
 <script type="text/javascript" src="../../codebase/toolbar.js"></script>
diff --git a/docs/tree/setting_tree_appearance.md b/docs/tree/setting_tree_appearance.md
@@ -69,8 +69,7 @@ For example:
 You can change the default icons used for tree items. DHTMLX Tree uses the [icons of the DHTMLX library](helpers/icon.md) by default. However, you can use any other icon font pack, if necessary. 
 For this, you need to include the desired icon font on a page and apply icons to necessary items.
 
-For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) 
-after the source files of DHTMLX Tree as follows:
+For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) after the source files of DHTMLX Tree as follows:
 
 ~~~html
 <script type="text/javascript" src="../../codebase/tree.js"></script>
diff --git a/docs/window/customization.md b/docs/window/customization.md
@@ -13,8 +13,7 @@ You can customize the look and feel of the header and footer of Window together
 DHTMLX Window uses the [Material Design](https://pictogrammers.com/library/mdi/?welcome)-based icons by default. However, you can use any other icon font pack, if necessary. For this, you need to include the desired icon font on 
 a page and apply icons in any possible part of the window: in the header or the footer.
 
-For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) 
-after the source files of DHTMLX Window as follows:
+For example, you can use the [Font Awesome](https://fontawesome.com/) icon pack by including [link to its CDN](https://docs.fontawesome.com/web/setup/get-started) after the source files of DHTMLX Window as follows:
 
 ~~~html
 <script type="text/javascript" src="../../codebase/window.js"></script>
