mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-14 07:04:45 -04:00
Replace react-html-parser with html-to-react (#1327)
* Replace react-html-parser with html-to-react Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
parent
b13c1ce8a0
commit
82472227f9
31 changed files with 329 additions and 167 deletions
|
@ -4,13 +4,16 @@
|
|||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
*/
|
||||
|
||||
import { DomElement } from 'domhandler'
|
||||
import { Element } from 'domhandler'
|
||||
import React from 'react'
|
||||
import { ComponentReplacer } from '../ComponentReplacer'
|
||||
import { FlowChart } from './flowchart/flowchart'
|
||||
|
||||
/**
|
||||
* Detects code blocks with "flow" as language and renders them as flow chart.
|
||||
*/
|
||||
export class FlowchartReplacer extends ComponentReplacer {
|
||||
public getReplacement(codeNode: DomElement): React.ReactElement | undefined {
|
||||
public getReplacement(codeNode: Element): React.ReactElement | undefined {
|
||||
if (
|
||||
codeNode.name !== 'code' ||
|
||||
!codeNode.attribs ||
|
||||
|
@ -22,7 +25,7 @@ export class FlowchartReplacer extends ComponentReplacer {
|
|||
return
|
||||
}
|
||||
|
||||
const code = codeNode.children[0].data as string
|
||||
const code = ComponentReplacer.extractTextChildContent(codeNode)
|
||||
|
||||
return <FlowChart code={code} />
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue