新公司项目react函数式组件中,使用marked.js插件将服务端返回的Markdown字符串转化成html(使用<div dangerouslySetInnerHTML = {{_html:htmlText}})渲染到上级组件中。
React中使用marked yarnaddmarked|npminstallmarked--saveyarnaddhighlight.js// 代码高亮插件(可用可不用,自由选择) importReact,{useState}from'react'importmarkedfrom'marked'importhljsfrom"highlight.js";import{Row,Col,Input}from'antd'import'highlight.js/styles/monokai-sublime.css';const{TextArea}=Input...
import React, { useState, useEffect } from 'react' import marked from 'marked' import apiMd from '../md/test.md' export default function Essay() { const [input, setInput] = useState("## API **你好**") const output = marked(input) // 可以正常输出为markdown格式 const output = mark...
问题: react 使用marked+highlight.js样式不生效 原因: 需要手动引入highlight.js的样式文件 三、markedjs官网 官网demo // Create reference instancevarmyMarked=require('marked');// Set options// `highlight` example uses `highlight.js`myMarked.setOptions({renderer:newmyMarked.Renderer(),highlight:fun...
highlight需要自己手动引入css文件，否则页面样式不生效 初始化参数 marked.setOptions({renderer:newmarked...
import React, { useState, useEffect } from 'react' import marked from 'marked' import apiMd from '../md/test.md' export default function Essay() { const [input, setInput] = useState("## API **你好**") const output = marked(input) // 可以正常输出为markdown格式 const output = mark...
highlight需要自己手动引入css文件，否则页面样式不生效 初始化参数 marked.setOptions({renderer:newmarked...