mirror of
https://github.com/koreanbots/core.git
synced 2025-12-16 06:20:24 +00:00
27 lines
1.3 KiB
TypeScript
27 lines
1.3 KiB
TypeScript
import { anchorHeader } from '@utils/Tools'
|
|
import MarkdownView from 'react-showdown'
|
|
import sanitizeHtml from 'sanitize-html'
|
|
|
|
const Markdown = ({ text }:MarkdownProps):JSX.Element => {
|
|
return <div className='w-full markdown-body'>
|
|
<MarkdownView markdown={text} extensions={[ anchorHeader ]} options={{ openLinksInNewWindow: true, underline: true, emoji: true, omitExtraWLInCodeBlocks: true, literalMidWordUnderscores: true, simplifiedAutoLink: true, tables: true, strikethrough: true, smoothLivePreview: true, tasklists: true, ghCompatibleHeaderId: true, encodeEmails: true }} sanitizeHtml={(html)=> sanitizeHtml(html, {
|
|
allowedTags: [
|
|
'addr', 'address', 'article', 'aside', 'h1', 'h2', 'h3', 'h4',
|
|
'h5', 'h6', 'section', 'blockquote', 'dd', 'div',
|
|
'dl', 'dt', 'hr', 'li', 'ol', 'p', 'pre',
|
|
'ul', 'a', 'abbr', 'b', 'bdi', 'bdo', 'br', 'cite', 'code', 'data', 'dfn',
|
|
'em', 'i', 'kbd', 'mark', 'q', 'rb', 'rp', 'rt', 'rtc', 'ruby', 's', 'samp',
|
|
'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'wbr', 'caption',
|
|
'col', 'colgroup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'del',
|
|
'img', 'svg', 'input'
|
|
],
|
|
allowedAttributes: false
|
|
})} />
|
|
</div>
|
|
}
|
|
|
|
interface MarkdownProps {
|
|
text: string
|
|
}
|
|
|
|
export default Markdown |