例子
Github 地址{target=_blank}
- basic{target=_blank}
- H5{target=_blank}
- 多实例{target=_blank}
- 无 toolbar{target=_blank}
- 纯预览模式{target=_blank}
- 注入{target=_blank}
- API{target=_blank}
- 图片所见即所得编辑尺寸{target=_blank}
- 标题自动序号{target=_blank}
[toc]
实现
<script>
var cherry = new Cherry({
id: 'markdown',
previewer: {
// head-num 表示启用标题自动序号
className: 'cherry-markdown head-num'
},
value: document.getElementById("demo-val").value,
});
</script>
head1
head2
字体样式
说明
- 使用
*(或_)和**(或__)表示斜体和 粗体 - 使用
/表示 /下划线/ ,使用~~表示删除线 - 使用
^(或^^)表示^上标^或^^下标^^ - 使用 ! 号+数字 表示字体 !24 大! !12 小! [^专有语法提醒]
- 使用两个(三个)!号+RGB颜色 表示!!#ff0000 字体颜色!!(!!!#f9cb9c 背景颜色!!!)[^专有语法提醒]
超链接
说明
- 使用
[描述](URL)为文字增加外链接 - 使用
<URL>插入一个链接 - URL会自动转成链接
列表
无序列表
说明
- 在行首使用 *，+，- 表示无序列表
有序列表
说明
- 在行首使用数字、字母、汉字和点表示有序列表