Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
璃白.
markdown-editor
提交
0238107e
M
markdown-editor
项目概览
璃白.
/
markdown-editor
上一次同步 接近 2 年
通知
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,发现更多精彩内容 >>
提交
0238107e
编写于
6月 29, 2021
作者:
璃白.
🌻
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'master' of
https://codechina.csdn.net/codechina_dev/markdown-editor
上级
5bf8ed03
1a04de79
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
46 addition
and
2 deletion
+46
-2
README.md
README.md
+46
-2
未找到文件。
README.md
浏览文件 @
0238107e
...
@@ -4,6 +4,16 @@
...
@@ -4,6 +4,16 @@
## 更新记录
## 更新记录
### v0.5
2021-06-29 v0.5更新,添加功能:
-
tab快捷键
-
tabSize属性
-
[
代码风格配置
](
#themeoptions
)
-
[
toggleTab方法
](
#toggletab
)
-
[
toggleFullScreen方法
](
#togglefullscreen
)
### v0.4
### v0.4
2021-06-23 v0.4更新,添加功能:
2021-06-23 v0.4更新,添加功能:
...
@@ -77,6 +87,7 @@ new MdEditor({
...
@@ -77,6 +87,7 @@ new MdEditor({
| maxLength | 最大字数限制 | String
\|
Number | 1000 | |
| maxLength | 最大字数限制 | String
\|
Number | 1000 | |
| showWordLimit | 是否显示当前字数 | Boolean | false | |
| showWordLimit | 是否显示当前字数 | Boolean | false | |
| rows | 编辑区行数 | String
\|
Number | 6 | 'auto' |
| rows | 编辑区行数 | String
\|
Number | 6 | 'auto' |
| tabSize | tab键缩紧空格数 | String
\|
Number | 2
| throttle | input事件的节流时间 | Number | 1000 | |
| throttle | input事件的节流时间 | Number | 1000 | |
| filePathRule | 图片链接的格式限制 | RegExp |
[
示例
](
#filepathrule
)
| |
| filePathRule | 图片链接的格式限制 | RegExp |
[
示例
](
#filepathrule
)
| |
| themeOptions | 主题颜色配置 | Object |
[
themeOptions
](
#themeoptions
)
| themeOptions | 主题颜色配置 | Object |
[
themeOptions
](
#themeoptions
)
...
@@ -99,16 +110,19 @@ new MdEditor({
...
@@ -99,16 +110,19 @@ new MdEditor({
| blur | 使编辑器失去焦点 | Function |
[
blur
](
#focus
)
|
| blur | 使编辑器失去焦点 | Function |
[
blur
](
#focus
)
|
| getValue | 获取编辑器的内容 | Function |
[
getValue
](
#getvalue
)
|
| getValue | 获取编辑器的内容 | Function |
[
getValue
](
#getvalue
)
|
| setValue | 设置编辑器的内容 | Function |
[
setValue
](
#setvalue
)
|
| setValue | 设置编辑器的内容 | Function |
[
setValue
](
#setvalue
)
|
| toggleTab | 切换编辑和预览tab | Function |
[
toggleTab
](
#toggletab
)
|
| toggleFullScreen | 切换编辑器全屏模式 | Function |
[
toggleFullScreen
](
#togglefullscreen
)
|
# themeOptions
# themeOptions
| 属性 | 说明 | 类型 | 默认值 |
| 属性 | 说明 | 类型 | 默认值 |
可选值 |
| ------ | ------ | ------ | ------ |
| ------ | ------ | ------ | ------ |
------ |
| dark | 夜间模式 | Boolean | false
| dark | 夜间模式 | Boolean | false
| borderColor | 编辑器边框默认颜色 | String | "#dbdbdb"
| borderColor | 编辑器边框默认颜色 | String | "#dbdbdb"
| borderColorActive | 编辑器边框激活颜色 | String | "#409eff"
| borderColorActive | 编辑器边框激活颜色 | String | "#409eff"
| textColor | 编辑器文字默认颜色 | String | "#303030"
| textColor | 编辑器文字默认颜色 | String | "#303030"
| textColorActive | 编辑器文字激活颜色 | String | "#000"
| textColorActive | 编辑器文字激活颜色 | String | "#000"
| codeTheme | 代码主题色配置 | String | "light" | 'light', 'dark', 'atom-one-dark' |
# toolsOptions
# toolsOptions
...
@@ -295,6 +309,36 @@ const myEditor = new MdEditor({
...
@@ -295,6 +309,36 @@ const myEditor = new MdEditor({
myEditor
.
blur
()
myEditor
.
blur
()
```
```
# toggleTab
切换编辑器编辑和预览tab
```
js
const
myEditor
=
new
MdEditor
({
...
}
})
myEditor
.
toggleTab
()
// 默认取反
myEditor
.
toggleTab
({
"
edit
"
)
myEditor
.
toggleTab
(
"
preview
"
)
```
# toggleFullScreen
切换编辑器全屏模式
```
js
const
myEditor
=
new
MdEditor
({
...
}
})
myEditor
.
toggleFullScreen
()
// 默认取反
myEditor
.
toggleFullScreen
(
true
)
myEditor
.
toggleFullScreen
(
false
)
```
# Example
# Example
```
html
```
html
<div
id=
"app"
></div>
<div
id=
"app"
></div>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录