|
|
@@ -9,11 +9,13 @@ type Props = {
|
|
|
onClose?: () => void
|
|
|
}
|
|
|
|
|
|
+const normalizeContent = (content: string) => content.replace(/<\/p>\s*<div\s+class=(?:"|\\")media-wrap image-wrap(?:"|\\")(?:\s*[^>]*)>([\s\S]*?)<\/div>\s*<p(?:\s+[^>]*)?>/gi, '$1')
|
|
|
+
|
|
|
function Panel({ detail, onClose }: Props) {
|
|
|
const { myLangue } = useSelector((state: RootState) => state.A0Layout)
|
|
|
const isEn = myLangue === 'EN'
|
|
|
const title = detail?.label || ''
|
|
|
- const content = detail?.content || ''
|
|
|
+ const content = normalizeContent(detail?.content || '')
|
|
|
const imgs = detail?.imgs || []
|
|
|
|
|
|
return (
|
|
|
@@ -21,12 +23,7 @@ function Panel({ detail, onClose }: Props) {
|
|
|
<p className={styles.panelLabel}>{title}</p>
|
|
|
|
|
|
<div className={styles.panelWrap}>
|
|
|
- {content && (
|
|
|
- <div
|
|
|
- className={classNames([styles.panelContent, { indent: detail?.needIndent }])}
|
|
|
- dangerouslySetInnerHTML={{ __html: content }}
|
|
|
- />
|
|
|
- )}
|
|
|
+ {content && <div className={classNames([styles.panelContent, { indent: detail?.needIndent }])} dangerouslySetInnerHTML={{ __html: content }} />}
|
|
|
|
|
|
{imgs.map((img: any, idx: number) => (
|
|
|
<div key={idx} className={styles.panelImg}>
|