user2/hole_thu_frontend
1
0
Fork 0
forked from newthuhole/hole_thu_frontend
Code Issues Pull Requests Projects Releases Wiki Activity

fix: heading display

Browse Source
This commit is contained in:
Liu Jiangyi
2020-06-22 18:28:47 +08:00
parent 01225a3695
commit 44a54bfb1b
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Common.js
View File

@@ -65,11 +65,22 @@ export class HighlightedMarkdown extends Component {
const processDefs = new HtmlToReact.ProcessNodeDefinitions(React)
const processInstructions = [
{
shouldProcessNode: (node) => node.name === 'img',
shouldProcessNode: (node) => node.name === 'img', // disable images
processNode (node) {
return (<div>[图片]</div>)
}
},
{
shouldProcessNode: (node) => (/^h[123456]$/.test(node.name)),
processNode (node, children, index) {
let currentLevel = +(node.name[1])
if (currentLevel < 3) currentLevel = 3;
const HeadingTag = `h${currentLevel}`
return (
<HeadingTag key={index}>{children}</HeadingTag>
)
}
},
{
shouldProcessNode (node) {
return node.type === 'text' // pid, nickname, search
@@ -107,7 +118,6 @@ export class HighlightedMarkdown extends Component {
]
const renderedMarkdown = renderMd(this.props.text)
const parser = new HtmlToReact.Parser()
console.log(`prerender:${renderedMarkdown}`)
return parser.parseWithInstructions(renderedMarkdown, node => node.type !== 'script', processInstructions)
}