MarkDown语法使用

Markdown学习-----一个#+空格+内容+回车

二级标题 ---------------两个#+空格+内容+回车

三级标题-------------------三个#

四级标题---------------------四个#

字体

hello,world! ---------- 粗体----------左右两边加双星号

hello,world! ------------斜体----------左右两边单星号

hello,world! -----------斜体加粗----------左右两边三星号

hello,world! ----------- 废气符号 ------------- 左右两边加双波浪号

引用

选择引用 -------- 大于号后面写引用内容

分割线

三个- - -短横线符号


三个星号


图片

插入本地图片

插入网络图片

截图2

超链接

标题

列表

有序排序 数字+点+空格

无需排序 - +空格

表格

简单表格 右键->插入->表格

手动格式 如下 点击下面</>查看源代码 删除三行之间的空格

|名字|性别|生日|

|–|–|–|

|张三|男|1892|

代码

" ```" 上排1数字旁边的键 是上行点 来编写代码块

public

" 单上行点+ 内容+单上行点" 来编写代码词

hello

`" 上排1数字旁边的键 是上行点 来编写代码块

public

" 单上行点+ 内容+单上行点" 来编写代码词

hello

  • 1
    点赞
  • 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
发出的红包

打赏作者

奕不再年少 *

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值