当前位置: 首页 > Web前端 > CSS

Reactmarkdown编辑器插件for-editor

时间:2023-03-30 19:11:18 CSS

介绍由于需要使用react下的markdown编辑器功能,所以网上开源的reactmarkdown编辑器并不多。如果找不到合适的,您只需自己编写一个。Markdown编辑器的主要功能是预览。for-editor是react下的markdown编辑器。具有预览、快速添加标签、上一步、下一步功能、行号等功能,未来会逐步完善更多功能。Previewfor-editorPreviewfor-editor源码欢迎issue,欢迎star。界面安装npminstallfor-editor-SuseimportReact,{Component}from'react'importReactDOMfrom'react-dom'importEditorfrom'for-editor'classAppextendsComponent{constructor(){super()this.state={value:''}}handleChange(value){this.setState({value})}render(){const{value}=this.statereturn()}}ReactDOM.render(,document.getElementById('container'))ApipropsnametypedefaultdescriptionplaceholderStringPleaseenterthecontent...placeholdertextvalueString-输入框内容lineNumBooleantrue是否显示行号eventsnametypedefaultdescriptiononChangefunction(e)-内容改变时回调onSave函数(e)-回调hotkeynamedescriptiontab两个空格缩进ctrl+s保存ctrl+z上一步ctrl+y下一步更新日志2019-01-07v0.0.9新增一步,下一步,tab快捷键功能新增保存功能优化图标状态优化页面样式2018-12-29v0.0.8新增行号显示功能优化快捷方式插入标签时,光标选中文本内容修复编辑框返回时异步加载数据可见问题优化编辑区行间距2018-12-27v0.0.6优化图标按钮修改组件UnMount时报错bug添加组件占位符属性2018-12-26v0.0.5添加上一步,下一步按钮及功能2018-12-25v0.0.4修复firefox下显示bug2018-12-24v0.0.3增加全屏功能修改onChange参数为输入框内容优化编辑框输入字体修复修复firefox插入快捷标签时滚动条位置bug问题如下2018-12-23v0.0.0编辑器基本功能,快速插入markdown标签,预览功能