成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

react markdown 編輯器插件 for-editor

Karuru / 2909人閱讀

摘要：介紹由于需要用到下的編輯器功能，網(wǎng)上開源的編輯器不多，沒(méi)有找到合適的，索性自己寫一個(gè)。編輯器主要功能就是預(yù)覽，是一款下的編輯器，擁有預(yù)覽，快捷添加標(biāo)簽，上一步，下一步功能，行號(hào)等功能，后續(xù)逐步完善更多功能。預(yù)覽預(yù)覽源碼地址歡迎，歡迎。

介紹 
由于需要用到react下的markdown編輯器功能，網(wǎng)上開源的react markdown編輯器不多，沒(méi)有找到合適的，索性自己寫一個(gè)。markdown編輯器主要功能就是預(yù)覽，for-editor是一款react下的markdown編輯器，擁有預(yù)覽，快捷添加標(biāo)簽，上一步，下一步功能，行號(hào)等功能，后續(xù)逐步完善更多功能。
預(yù)覽

for-editor預(yù)覽

for-editor源碼地址?歡迎issue，歡迎star。

界面

安裝 
npm install for-editor -S
使用 
import React, { Component } from "react"
import ReactDOM from "react-dom"
import Editor from "for-editor"

class App extends Component {
  constructor() {
    super()
    this.state = {
      value: ""
    }
  }

  handleChange(value) {
    this.setState({
      value
    })
  }

  render() {
    const { value } = this.state
    return (
      
    )
  }
}

ReactDOM.render(
  ,
  document.getElementById("container")
)
Api props
name type default description
placeholder String 請(qǐng)輸入內(nèi)容... 占位文本
value String - 輸入框內(nèi)容
lineNum Boolean true 是否顯示行號(hào)
events
name type default description
onChange function(e) - 內(nèi)容改變時(shí)回調(diào)
onSave function(e) - 保存時(shí)回調(diào)
hot key
name description
tab 兩個(gè)空格縮進(jìn)
ctrl+s 保存
ctrl+z 上一步
ctrl+y 下一步
更新日志

2019-01-07 v0.0.9

新增上一步，下一步，tab快捷鍵功能

新增保存功能

優(yōu)化圖標(biāo)狀態(tài)

優(yōu)化頁(yè)面樣式

2018-12-29 v0.0.8

添加行號(hào)顯示功能

優(yōu)化快捷插入標(biāo)簽時(shí)，光標(biāo)選中文本內(nèi)容

修復(fù)異步加載數(shù)據(jù)時(shí)編輯框回顯問(wèn)題

優(yōu)化編輯區(qū)域行間距

2018-12-27 v0.0.6

優(yōu)化圖標(biāo)按鈕

修改組件UnMount時(shí)錯(cuò)誤bug

新增組件placeholder屬性

2018-12-26 v0.0.5

添加上一步，下一步按鈕及功能

2018-12-25 v0.0.4

修復(fù)firefox下顯示bug

2018-12-24 v0.0.3

增加全屏功能

修改onChange參數(shù)為輸入框內(nèi)容

優(yōu)化編輯框輸入字體

修復(fù)快捷插入標(biāo)簽時(shí)，滾動(dòng)條位置bug

修復(fù)firefox下顯示問(wèn)題

2018-12-23 v0.0.0

編輯器基礎(chǔ)功能，快捷插入markdown標(biāo)簽，預(yù)覽功能

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100879.html

相關(guān)文章

  • react markdown 編輯器插件 for-editor

    摘要：介紹由于需要用到下的編輯器功能，網(wǎng)上開源的編輯器不多，沒(méi)有找到合適的，索性自己寫一個(gè)。編輯器主要功能就是預(yù)覽，是一款下的編輯器，擁有預(yù)覽，快捷添加標(biāo)簽，上一步，下一步功能，行號(hào)等功能，后續(xù)逐步完善更多功能。預(yù)覽預(yù)覽源碼地址歡迎，歡迎。 介紹 由于需要用到react下的markdown編輯器功能，網(wǎng)上開源的react markdown編輯器不多，沒(méi)有找到合適的，索性自己寫一個(gè)。markd...

    printempw 評(píng)論0 收藏0

  • react 搭建博客---支持markdown的富文本編輯器

    摘要：最近在學(xué)，準(zhǔn)備配合搭個(gè)博客，找了很多富文本編輯器，都不是很適合用，后來(lái)看到一篇搭建博客的文章，里面使用的地址，完全就符合我的想法啊，界面簡(jiǎn)潔大方還有預(yù)覽功能。 最近在學(xué)nodejs，準(zhǔn)備配合react+mongodb搭個(gè)博客，找了很多富文本編輯器，都不是很適合react用，后來(lái)看到一篇vue+node搭建博客的文章，里面使用的simplemde(github地址)，完全就符合我的想法啊...

    tylin 評(píng)論0 收藏0

  • VSCODE常用插件使用記錄

    摘要：常用必備讓資源樹目錄加上圖標(biāo)，必備良品自動(dòng)路勁補(bǔ)全，默認(rèn)不帶這個(gè)功能的格式化代碼使用指南按然后輸入選擇你要格式的文件類型格式后豐富的日志插件讓括號(hào)擁有獨(dú)立的顏色，易于區(qū)分?？梢耘浜先我庵黝}使用。 常用必備： 1.vscode-icon 讓 vscode 資源樹目錄加上圖標(biāo)，必備良品！ showImg(https://segmentfault.com/img/bV22ed?w=295...

    winterdawn 評(píng)論0 收藏0

  • VSCODE常用插件使用記錄

    摘要：常用必備讓資源樹目錄加上圖標(biāo)，必備良品自動(dòng)路勁補(bǔ)全，默認(rèn)不帶這個(gè)功能的格式化代碼使用指南按然后輸入選擇你要格式的文件類型格式后豐富的日志插件讓括號(hào)擁有獨(dú)立的顏色，易于區(qū)分?？梢耘浜先我庵黝}使用。 常用必備： 1.vscode-icon 讓 vscode 資源樹目錄加上圖標(biāo)，必備良品！ showImg(https://segmentfault.com/img/bV22ed?w=295...

    zhunjiee 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<