怎麼在自己的網頁上使用MarkDown編輯器呢?

怎麼在自己的網頁上使用MarkDown編輯器呢?

我也想實現類似 github編輯器的功能


我見過的最喪心病狂的 markdown 編輯器控制項,是帶實時預覽的

有兩個,一個是 @Abner Lee 他 typora 里的,然而不開源,你也用不了……這東西怎麼說呢,寫簡報比 WORD 好用……

一個是 @Lyu Lyon 的 HyperMD,是做成 CodeMirror 插件的形式,用法直接去翻他 github repo 就行了


Releases · evilstreak/markdown-js · GitHubMarkdown-js嵌入網頁

這篇文章介紹的很詳細

實現網頁客戶端實時自動解析Markdown為HTML內容


試一試這款Chrome插件 Markdown Here, 寫email,或者在論壇寫回復的時候都可以使用。


simplemde (JavaScript Markdown Editor - SimpleMDE)


首先你需要這個:chjj/marked 。然後:

import marked from "marked"
import React, { Component } from "react"

class MarkdownEditor extends Component {
constructor() {
this.state = { renderedContent: "" }
}

handleContentChange (event) {
this.setState({
renderedContent: marked(event.target.value)
})
}

render () {
&
&