npm插件 markdown-it-colors

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] 行内标签前建议使用空格隔开,(如果行内标签为汉字或字母,则标签无效)
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值