怎麼在自己的網頁上使用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 () {
&
&
&
}
自帶實時預覽功能。隨手敲沒跑過,不知道有沒有 bug,但是大概那麼個意思。
這是直接用 `textarea`,輸入內容是純文本,體驗不是很好。可以結合 contentEditable 來做,不是那就挺複雜了,涉及到前端開發神坑——富文本編輯器。當然我是不會跳這個坑的。
推薦Editor.md - 開源在線 Markdown 編輯器可以配置功能
其他:10個免費的在線Markdown編輯器-控制項新聞-慧都控制項網Editor.md - 開源在線 Markdown 編輯器
依稀記得vuejs的example就有個這種東西(如果沒理解錯意思)
擦
#我也有同樣的疑問?
不回答不舒服了。
本地編輯器
- MarkdownPad2
- sublimetext3
個人更建議使用MarkdownPad2,兼容性更好一點。
在線編輯器
- 太多了
- 不說了
- 建議用簡書,依然是兼容性好一點
支持格式少的,兼容性都更好一點,別為了追求酷炫而導致兼容性不好,最後分享就會發現悲催了。
推薦閱讀:
※Sublime Text 2 與 TextMate 2 相比有哪些優缺點?
※notepad++里的++用英文怎麼發音?
※我的文件a.txt,裡面有1萬多行,我想用批處理,每1000行就分別形成一個文本文件並保存到當前文件夾,文件名可為數字序號1.txt,2.txt,3.txt.....該怎麼做?
※UltraEdit 是PHP 的主流工具嗎?現在職業PHP 程序員通常用什麼編程工具?
※程序員喜歡從0開始計數,那為什麼程序的行號都是從1開始?