newthuhole/hole_thu_frontend
4
6
Fork 2
Code Issues 8 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 processDefs = new HtmlToReact.ProcessNodeDefinitions(React)
const processInstructions = [ const processInstructions = [
{ {
shouldProcessNode: (node) => node.name === 'img', shouldProcessNode: (node) => node.name === 'img', // disable images
processNode (node) { processNode (node) {
return (<div>[图片]</div>) 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) { shouldProcessNode (node) {
return node.type === 'text' // pid, nickname, search return node.type === 'text' // pid, nickname, search
@@ -107,7 +118,6 @@ export class HighlightedMarkdown extends Component {
] ]
const renderedMarkdown = renderMd(this.props.text) const renderedMarkdown = renderMd(this.props.text)
const parser = new HtmlToReact.Parser() const parser = new HtmlToReact.Parser()
console.log(`prerender:${renderedMarkdown}`)
return parser.parseWithInstructions(renderedMarkdown, node => node.type !== 'script', processInstructions) return parser.parseWithInstructions(renderedMarkdown, node => node.type !== 'script', processInstructions)
} }