2.0.4 • Published 5 years ago
markdown-it-colors v2.0.4
markdown-it-colors
markdown-it标签配色插件
给文档添加配色
颜色的配置采用
Element
的默认配色
安装
//安装插件
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',
}
*/
默认颜色配置
标识 | 颜色值 |
---|---|
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 行内标签前建议使用空格隔开,(如果行内标签为汉字或字母,则标签无效)