Markdown的语法使用

常见语法

一、标题

  1. 一级标题
    #+空格
  2. 二级标题
    ##+空格
    tips:最多支持六级标题

二、字体

  1. 加粗
    字体 前后加**
  2. 斜体
    字体 前后加*
  3. 斜粗体
    字体 前后加***
  4. 删除线
    字体 前后加~~

三、引用

用法:>+内容

四、分割线


***或者 - - -(三个减号)

五、图片

!+[图片名称]+(本地或网上图片地址)
索隆

六、超链接

点击链接跳转博客
[内容]+(跳转链接)

七、列表

有序列表: 1+.+空格
1.
2.
3.
无序列表:-+空格

八、表格

第一行:表头名1|表头名2…
第二行: --| --|…
第三行:数据1|数据2

姓名性别
skman
lplwoman

or
在这里插入图片描述

九、代码

用法:```+语言(java、c…)

public static void main(String[] args){}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WangEditor是一款基于JavaScript的富文本编辑器,支持使用Markdown语法进行编辑。下面是使用WangEditor编辑器进行Markdown语法的步骤: 1. 引入WangEditor的相关文件:在HTML文件引入WangEditor的CSS和JS文件,可以通过CDN或者下载到本地引入。 2. 创建编辑器实例:在HTML文件创建一个div容器,用于显示编辑器,然后通过JavaScript代码创建一个WangEditor实例,并将其绑定到该div容器上。 3. 配置编辑器:可以通过配置项来设置编辑器的样式、工具栏按钮等。在配置项,可以设置编辑器的模式为Markdown模式。 4. 获取Markdown内容:通过调用编辑器实例的getContent方法,可以获取编辑器输入的Markdown内容。 5. 渲染Markdown内容:将获取到的Markdown内容进行渲染,可以使用第三方的Markdown解析库,如marked.js或者markdown-it等。 下面是一个简单的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WangEditor Markdown示例</title> <link rel="stylesheet" type="text/css" href="path/to/wangeditor.css"> </head> <body> <div id="editor"></div> <script type="text/javascript" src="path/to/wangeditor.js"></script> <script type="text/javascript"> var editor = new wangEditor('#editor'); editor.config.menus = [ 'head', // 标题 'bold', // 粗体 'italic', // 斜体 'underline', // 下划线 'quote', // 引用 'list', // 列表 'link', // 链接 'table', // 表格 'code', // 代码块 'undo', // 撤销 'redo' // 重复 ]; editor.config.mode = 'markdown'; editor.create(); function getMarkdownContent() { var content = editor.txt.html(); // 将content进行Markdown解析和渲染 // ... } </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值