html页⾯嵌⼊markdown，在⾃⼰的⽹页中引⼊MarkDown编辑
器
我的环境：react+webpack
⾸先安装 marked 模块
npm install marked --save
在需要编辑器的页⾯中引⼊该模块
import marked from 'marked';
marked可以将MarkDown的语法转化为对应的HTML形式并显⽰在页⾯上
/*** Created by lmy on 17-8-15. */
import React from 'react';
import marked from 'marked';
import '../../css/edit.css';
class Edit extends React.Component {
constructor() {
super();
this.state = {renderedContent: ''}
}
handelContentChange(e) {
this.setState({
renderedContent: marked(e.target.value)
})
}
handelTitleChange(e) {
this.setState({
ren: marked(e.target.value)
})
}
render() {
return (
dangerouslySetInnerHTML={{__html: }}/>
dangerouslySetInnerHTML={{__html: deredContent}}/>
)
}
}
export default Edit;
下边是MarkDown的运⾏例⼦网页html下载

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。