From 7c98cb5075ca817eac0ca6770dbc6ae479496c53 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Thu, 5 Sep 2024 10:49:52 +0800
Subject: [PATCH] feat: Make agent template support HTML #1842 (#2259)

### What problem does this PR solve?

feat: Make agent template support HTML #1842
### Type of change

- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/pages/flow/list/agent-template-modal.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/flow/list/agent-template-modal.tsx b/web/src/pages/flow/list/agent-template-modal.tsx
index 6dfa33e62a7..5a90d16c77f 100644
--- a/web/src/pages/flow/list/agent-template-modal.tsx
+++ b/web/src/pages/flow/list/agent-template-modal.tsx
@@ -7,6 +7,7 @@ import { useCallback, useState } from 'react';
 import CreateAgentModal from './create-agent-modal';
 import GraphAvatar from './graph-avatar';
 
+import DOMPurify from 'dompurify';
 import styles from './index.less';
 
 const { Title, Text, Paragraph } = Typography;
@@ -83,7 +84,11 @@ const AgentTemplateModal = ({ visible, hideModal, loading, onOk }: IProps) => {
                 </Flex>
                 <div className={styles.agentDescription}>
                   <Paragraph ellipsis={{ tooltip: x.description, rows: 5 }}>
-                    {x.description}
+                    <div
+                      dangerouslySetInnerHTML={{
+                        __html: DOMPurify.sanitize(x.description),
+                      }}
+                    ></div>
                   </Paragraph>
                 </div>
                 {selectedId === x.id && (