npm插件 markdown-it-colors
程序员文章站
2022-06-01 08:49:51
...
markdown-it-colors
markdown-it标签颜色设置插件
- 想模拟
看云
的颜色设置效果,给自己的开发的文档添加色彩
安装
npm i markdown-it-colors
使用
var colors = require('markdown-it-colors');
var md = require('markdown-it')()
.use(colors,{/*颜色配置*/});
默认颜色配置
标识 | 颜色值 |
---|---|
primary | #409EFF |
success | #67C23A |
error | #F56C6C |
warning | #E6A23C |
info | #909399 |
书写规范
1.常规的行内段
[primary] 展示内容
[success] 展示内容
[error] 展示内容
[warning] 展示内容
[info] 展示内容
2.引用
>[primary] 引用内容
>[success] 引用内容
>[error] 引用内容
>[warning] 引用内容
>[info] 引用内容
3.表格
|[success]column1|[error]column2|[primary]column3|
|-|-|-|
|[success]content1|[error]content2|[primary]content3|
4.行内标签
行内标签(**[primary]加粗**、*[success]叙体*、++[error]下划线++、~~[warning]删除线~~、==[warning]标签==、^[info]上标^、~[info]下标~)
5.标题
# [primary] 一级标题
## [success] 二级标题
### [error] 三级标题
#### [warning] 四级标题
##### [info] 五级标题
###### [primary] 六级标题
6.有序列表、无序列表
1. [primary] 有序列表内容
1. [success] 有序列表内容
1. [error] 有序列表内容
1. [warning] 有序列表内容
1. [info] 有序列表内容
- [primary] 有序列表内容
- [success] 有序列表内容
- [error] 有序列表内容
- [warning] 有序列表内容
1. [info] 有序列表内容
支持标签的范围
-
常规段落
-
引用
-
表格
-
行内标签(加粗、叙体、下划线、删除线、标签、上标、下标)
-
标题
-
有序列表、无序列表
更新日志
v1.0.0
更新时间:2019-08-02
更新内容:
- 基本完成
v1.1.0
更新时间:2019-08-20
更新内容:
- 添加style属性过滤检测,防止直接更换style导致影响其他的插件
v2.0.0
更新时间:2019-08-21
更新内容:
- 添加对“加粗”属性的支持
- 添加对“斜体”属性的支持
- 添加对“下划线”属性的支持
- 添加对“删除线”属性的支持
- 添加对“标记”属性的支持
- 添加对“上角标”属性的支持
- 添加对“下角标”属性的支持
- 添加对“有序列表”属性的支持
仅限1层
- 添加对“无序列表”属性的支持
仅限1层
- 添加对“标题”属性的支持
语法注意:
- [bug] 行内标签前建议使用空格隔开,(如果行内标签为汉字或字母,则标签无效)
上一篇: 开源项目: FlycoTabLayout