Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
璃白.
markdown-editor
提交
aa93d94e
M
markdown-editor
项目概览
璃白.
/
markdown-editor
上一次同步 1 年多
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
M
markdown-editor
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
aa93d94e
编写于
6月 07, 2021
作者:
璃白.
🌻
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update README.md
上级
95dde5e4
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
38 addition
and
12 deletion
+38
-12
README.md
README.md
+38
-12
未找到文件。
README.md
浏览文件 @
aa93d94e
# About
一款Markdown编辑器组件,支持使用markodwn语法来编写文档,同时支持图片上传等功能
# 使用
1.
通过script标签引入
```
html
<script
src=
"./markdown-editor.js"
></script>
```
2.
指定需要渲染的容易
```
html
<div
id=
"app"
></div>
```
3.
初始化实例
```
js
new
MdEditor
({
...
options
})
```
npm install
npm start
<div id="app"></div>
<script src="./bundle.js"></script>
<script>
new MdEditor({
el: "#app"
});
</script>
```
\ No newline at end of file
# options
| 属性 | 说明 | 类型 | 默认值 |
| ------ | ------ | ------ | ------ |
| el | 编辑器渲染的容器 | String | "#app"
| themeOptions | 主题颜色配置 | Object |
[
themeOptions
](
#themeOptions
)
| canAttachFile | 是否可以上传图片 | Boolean | true
| placeholder | placeholder | String | "请输入内容"
| onChange | 获取编辑器内容 | Function | function(res) {}
| onUpload | 上传文件钩子函数 | Function | function(file, callback) {}
# themeOptions
| 属性 | 说明 | 类型 | 默认值 |
| ------ | ------ | ------ | ------ |
| borderColor | 编辑器边框默认颜色 | String | "#dbdbdb"
| borderColorActive | 编辑器边框激活颜色 | String | "#409eff"
| textColor | 编辑器文字默认颜色 | String | "#303030"
| textColorActive | 编辑器文字激活颜色 | String | "#000"
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录