简单的markdown语法使用

井号,空格,表示标题

二级标题,两个井号 空格

三级标题,三个空格,也可以使用ctrl+(1~6)

四级标题 注意不能使用小键盘,f11可以对界面放缩
我是五级标题
嘻嘻嘻,我是六级

你可以看看大纲,他们是缩进关系,没有七级标题,你猜我这段文字是不是属于六级

字体

斜体,一个星

粗体,字体两边加两个星号

斜体加粗,三星

删除,两边两个浪

引用

一个大于,箭头符号,用别人东西时

分割线 三个减号或星(乘法,占全屏)



图片

感叹号后面加中括号,中括号里面写名字,后面加地址加括号,路径可以说本地可以是网络,在浏览器打开源代码(f12),复制路径

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9GvPLJCF-1633048923791)(https://www.cnblogs.com/images/logo.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM)]

超链接

方括号,说明文字;圆括号,链接

点击跳转

列表

数字加点 按空格,自动生成

  1. a

  2. b

减号加空格

  • 啊啊

表格

  1. 可以右键插入

2.先写表头,竖杠分隔。对其后加竖线,点击源代码模式,删除空行,回车

小刘学术垃圾
不对不对我超棒

代码

tab上面的三个点,在csdn要用三个~~~

print('hello')
 print('hello')

切换源代码模式,就可以查看内容

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值