Integrated latest changes at 08-14-2025 1:30:09 PM

Author: SyncfusionBuild

ej2-javascript/ai-assistview/js/es5-getting-started.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Es5 getting started with ##Platform_Name## AI AssistView control | Syncfusion
+title: ES5 getting started with ##Platform_Name## AI AssistView | Syncfusion
 description:  Checkout and learn about Es5 getting started with ##Platform_Name## AI AssistView control of Syncfusion Essential JS 2 and more details.
 platform: ej2-javascript
 control: AI AssistView
@@ -9,7 +9,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Es5 getting started in ##Platform_Name## AI AssistView control
+# ES5 getting started in ##Platform_Name## AI AssistView control
 
 The Essential<sup style="font-size:70%">&reg;</sup> JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.
 
@@ -185,7 +185,7 @@ The [`Custom Resource Generator (CRG)`](https://crg.syncfusion.com/) is an onlin
 
 ## Configure suggestions and responses
 
-You can use the [promptSuggestions](../api/ai-assistview#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assistview#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
+You can use the [promptSuggestions](../api/ai-assistview/#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assistview/#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}

ej2-javascript/ai-assistview/ts/getting-started.md

@@ -157,7 +157,7 @@ The following example shows a basic AI AssistView control.
 
 ## Configure suggestions and responses
 
-You can use the [promptSuggestions](../api/ai-assistview#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assistview#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
+You can use the [promptSuggestions](../api/ai-assistview/#promptsuggestions) property to add prompt suggestions and the [promptRequest](../api/ai-assistview/#promptrequest) event to add responses when the prompt matches the specified prompts data otherwise, the default response will be displayed.
 
 {% tabs %}
 {% highlight js tabtitle="index.ts" %}

ej2-javascript/chat-ui/js/es5-getting-started.md

@@ -187,7 +187,7 @@ The [`Custom Resource Generator (CRG)`](https://crg.syncfusion.com/) is an onlin
 
 ## Configure messages and user
 
-You can use the [messages](../api/chat-ui#messages) property to add messages and the [user](../api/chat-ui#user) property to configure the current user for the chat.
+You can use the [messages](../api/chat-ui/#messages) property to add messages and the [user](../api/chat-ui/#user) property to configure the current user for the chat.
 
 {% tabs %}
 {% highlight js tabtitle="index.js" %}

ej2-javascript/chat-ui/messages.md

@@ -676,7 +676,43 @@ You can use the `itemClicked` event when the toolbar item is clicked in the mess
 
 ## Displaying the markdown content
 
-The Syncfusion ChatUI supports `Markdown` formatting for messages, enabling rich text capabilities such as bold, italic, links, and more. By integrating the [marked](https://github.com/markedjs/marked) library, you can parse Markdown text to enhance the chat experience. The [text](../api/chat-ui/messageModel/#text) property of each message can accept HTML generated from Markdown, allowing for formatted text display.
+The Syncfusion ChatUI supports `Markdown` formatting for messages, enabling rich text capabilities such as bold, italic, links, and more.
+
+### Prerequisites
+
+- Include the `marked` library:
+
+  ```bash
+  
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+
+  ```
+
+- Include `DOMPurify` for sanitizing the Markdown output:
+
+  ```bash
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.4.0/purify.min.js"></script>
+
+  ```
+
+### Supported markdown formats
+
+The ChatUI supports the following Markdown formats via the `marked` library:
+
+- **Bold**: ** text ** or __ text __ 
+- *Italic*: * text * or _ text _ 
+- [Links](url): [Link text] (url)
+- Lists: - Item or 1. item
+- Code: 'code' or code 
+
+For full list refer to the  [marked documentation](https://marked.js.org/).
+
+### Configuring Markdown
+
+By integrating the [marked](https://github.com/markedjs/marked) library, you can parse Markdown text to enhance the chat experience. The [text](../api/chat-ui/messageModel/#text) property of each message can accept HTML generated from Markdown, allowing for formatted text display.
+
+> To prevent XSS attacks, sanitize Markdown output using `DOMPurify`.
 
 {% if page.publishingplatform == "typescript" %}
 

ej2-javascript/chat-ui/ts/getting-started.md

@@ -159,7 +159,7 @@ The following example shows a basic Chat UI control.
 
 ## Configure messages and user
 
-You can use the [messages](../api/chat-ui#messages) property to add messages and the [user](../api/chat-ui#user) property to configure the current user for the chat.
+You can use the [messages](../api/chat-ui/#messages) property to add messages and the [user](../api/chat-ui/#user) property to configure the current user for the chat.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}

ej2-javascript/code-snippet/block-editor/appearance/index.js

@@ -2,7 +2,8 @@
 var blockData = [
     {
         id: 'title-block',
-        type: 'Heading1',
+        type: 'Heading',
+        props: { level: 1 },
         content: [
             {
                 type: ej.blockeditor.ContentType.Text,
@@ -22,14 +23,16 @@ var blockData = [
     },
     {
         id: 'features-heading',
-        type: 'Heading2',
+        type: 'Heading',
+        props: { level: 2 },
         content: [
             {
                 type: ej.blockeditor.ContentType.Text,
                 content: 'Configured Custom Theme'
             }
         ]
     },
+    
     {
         id: 'theme-list-1',
         type: 'BulletList',

ej2-javascript/code-snippet/block-editor/appearance/index.ts

@@ -3,7 +3,8 @@ import { BlockEditor, ContentType } from '@syncfusion/ej2-blockeditor';
 const blockData = [
     {
         id: 'title-block',
-        type: 'Heading1',
+        type: 'Heading',
+        props: { level: 1 },
         content: [
             {
                 type: ContentType.Text,
@@ -23,7 +24,8 @@ const blockData = [
     },
     {
         id: 'features-heading',
-        type: 'Heading2',
+        type: 'Heading',
+        props: { level: 2 },
         content: [
             {
                 type: ContentType.Text,

ej2-javascript/code-snippet/block-editor/blocks/block-types/callout-block/index.js

@@ -1,6 +1,7 @@
 let blocksData = [
     {
         type: 'Callout',
+        props:{
         children: [{ 
             id: 'callout-content',
             type: 'Paragraph',
@@ -11,6 +12,7 @@ let blocksData = [
             }]
         }]
     }
+    }
 ];
 
 var blockEditor = new ej.blockeditor.BlockEditor({

ej2-javascript/code-snippet/block-editor/blocks/block-types/callout-block/index.ts

@@ -3,6 +3,7 @@ import { BlockEditor, BlockModel, ContentType } from "@syncfusion/ej2-blockedito
 const blocksData: BlockModel[] = [
     {
         type: 'Callout',
+        props:{
         children: [{ 
             id: 'callout-content',
             type: 'Paragraph',
@@ -13,6 +14,7 @@ const blocksData: BlockModel[] = [
             }]
         }]
     }
+    }
 ];
 
 const blockEditor = new BlockEditor({

ej2-javascript/code-snippet/block-editor/blocks/block-types/code-block/index.js

@@ -7,7 +7,7 @@ let blocksData = [
                 content: 'function greeting() {\n  console.log("Hello, world!");\n}'
             }
         ],
-        codeSettings: {
+        props: {
             defaultLanguage: 'javascript',
             languages: [
                 { language: 'javascript', label: 'JavaScript' },