MarkDown编辑器的学习使用

最新推荐文章于 2023-04-03 15:50:36 发布
原创 最新推荐文章于 2023-04-03 15:50:36 发布 · 185 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Markdown

本文详细介绍了一款Markdown编辑器中各种实用快捷键的具体使用方法，包括但不限于标题、加粗、斜体、引用等基本操作，同时还介绍了如何利用这些快捷键进行高效的内容编辑。

平时自己积攒的一些用发拿出来给大家分享 ##老鬼的博客

1.常用快捷键

说明快捷键敲击字符
加粗Ctrl + B**text**
斜体Ctrl + I*text*
删除线~~ text ~~
引用Ctrl + Q> text 二级引用>>text
插入链接Ctrl + L[title](url) or <a></a>
块代码Ctrl + K``` 插入块代码```
行代码`插入行代码`
插入图片Ctrl + G![](url)
提升标题Ctrl + H
有序列表Ctrl + O"数字."+空格+text
无序列表Ctrl + U"-"+空格+text
横线Ctrl + R换行+- - - or 换行+***
撤销Ctrl + Z
重做Ctrl + Y
目录[toc]

2.标题

一个#代表<h1>最多6个#，写在标题的前面

3.表格

优快云好像无法对齐表格

|Name|Sex|
|-|
|老鬼|M
NameSex
老鬼M
【Docker项目实战】使用Docker部署公众号Markdown编辑器
jks212454的博客
03-04 508
【Docker项目实战】使用Docker部署公众号Markdown编辑器
BootstrapBlazor实战 Markdown 编辑器使用
Trouvailless的博客
05-05 739
基础工程使用工程: B08. BootstrapBlazor实战 Menu 导航菜单使用 实战BootstrapBlazorMenu Markdown 编辑器使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造，并且额外增加了 100 多种常用的组件，为您快速开发项目带来非一般的感觉 demo演示的是Sqlite驱动,FreeSql支持多种数据库，My
Bootstrap的Markdown Editor krajee引入与初始化
xiaoashuo的博客
04-25 622
** Bootstrap的Markdown Editor krajee 使用 Demo ** 官网地址:http://plugins.krajee.com/markdown-editor Demo地址: https://github.com/xiaoashuo/mark-demo.git 引入css <!-- BootStrap的css --> <link h...
nuxt.js中使用markdown编辑器
骑着代码去流浪
10-06 3132
1.安装 npm install mavon-editor --save 2.在plugins中创建vue-markdown.js import Vue from 'vue' import mavonEditor from 'mavon-editor' Vue.use(mavonEditor) 3.在nuxt.config.js中引入 css: [ { src: "mavo...
Nuxt.js的学习（五）Markdown
weixin_43288858的博客
08-31 3091
主要样式如下，做的表单提交， 基础表单模块如下 1、整体表单， ref="formData"相当于表单ID，:rules表示绑定规则属性 <el-form ref="formData" :model="formData" label-width="100px" label-position="right" :rules="rules" > </el-form> 2、标题栏的输入 ..
HTML：Marked-js+Bootstarp简单实现Markdown文本编辑器
有意栽花花不发，无心插柳柳成荫。
04-30 2252
hello，大家好，我是wangzirui32，今天我们来学习如何使用Marked-js+Bootstarp简单实现Markdown文本编辑器，开始学习吧！ 1. Marked-js Marked-js 是一个用 JS代码实现的 Markdown 解析器，能快速解析 Markdown 代码并生成为 HTML ，Github项目主页：https://github.com/markedjs/marked，可以由CDN引入： <script src="https://cdn.bootcdn.net/ajax
重写Bootstrap-Markdown编辑器的插入图片功能，实现插入本地图片
weixin_42395136的博客
08-15 948
本文只介绍解决思路，不提供具体上传本地图片的前后端功能实现，因为这部分网上已经有很多了 一.背景 最近在做个人博客网站的博客编辑部分，原本使用的是Summernote富文本编辑器，不过这个编辑器的文本格式是html的，拓展性没那么好，所以改用Markdown格式的编辑器：Bootstrap Markdown编辑器 但是Bootstrap Markdown有个问题：插入图片默认只允许输入图片URL，无法上传本地文件 这就有点难搞了，网上相关的资料又很少，没办法，只能自己看官方文档了。 这个是在线文档（可能需
MarkDown编辑器
05-17
这个“MarkDown编辑器”项目是使用C#编写的，表明它利用了.NET Framework 3.5的特性，这是一个相对稳定的版本，兼容各种Windows操作系统。它特别指出支持所有VS（Visual Studio）开发工具，这意味着开发者可以在...
jQuery实现Markdown编辑器插件
06-24
通过以上步骤，我们可以创建出一个功能完备、易于使用的jQuery Markdown编辑器插件。对于开发者来说，它可以极大地提升工作效率，为用户提供一个直观的编辑环境，同时也降低了前后端交互的复杂性。在实际项目中，...
基于Typescript的Markdown编辑器设计源码，支持协同编辑和插件扩展
09-26
在当今快速发展的互联网技术领域，Markdown编辑器作为一种轻量级标记语言的编辑工具，因其简洁、高效的特点而备受开发者和内容创作者的喜爱。本项目所展示的，是一款基于Typescript开发的Markdown编辑器源码，它不仅...
FxMarkdownEditor-基于JavaFx的Markdown编辑器
08-08
【FxMarkdownEditor】是一款基于JavaFX技术开发的Markdown编辑器，专为喜欢使用Markdown语言进行文本编辑的用户设计。Markdown是一种轻量级的标记语言，它允许用户使用易读易写的纯文本格式编写文档，然后转换成结构...
nuxt-markdown：高度可配置的Nuxt.js模块，用于将Markdown文件用于您的网站内容
02-14
Nuxt Markdown 不推荐使用Nuxt Markdown，而推荐使用 。 Nuxt Markdown是一个简单但可高度配置的Nuxt.js模块，它允许您将Markdown文件用于网站内容。 这使其成为从Jekyll或其他静态站点生成器上移植站点的理想模块。 内容 特征 无需配置 高度可配置，当您希望它成为 支持静态网站生成 Markdown内容的嵌套层次结构 在Markdown中使用Vue组件 在Markdown中访问和转换最重要的内容 使用可以配置的和 支持Markdown文件摘录 易于创建分类页面 入门 将nuxt-markdown作为devDependency添加到您的项目 yarn add nuxt-markdown --dev # Or npm install nuxt-markdown --save-dev 添加nuxt-markdown到buildModul
引入bootstrap-markdown编辑器
coder1998的博客
05-25 2686
引入bootstrap-markdown编辑器 今天给大家分享的时候，怎么在bootstrap里面集成bootstrap-markdown的编辑器。Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建的。Markdown 编写的文档后缀为 .md, .markdown 下面就带着大家进入bootstrap-markdown的使用。 (1)首先下载bootstrap-markdown。当然下载
bootstrap-markdown使用
木卫二号的专栏
07-16 6748
CSS<link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="js/bootstrap/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="js/bootstrap-markdown/css/boots
Bootstrap实现Markdown编辑器
热爱编程 热爱生活
09-19 1370
进腾讯 效果图: 争取写出一个直接获取鼠标键盘事件的web界面，而无须通过标签进行操作 一.工具简介 1.Bootstrap框架 2.ace编辑器 3.javascript中highlightjs 在我的git hub上可下载全部源码（包括工具包）下载后直接可运行 GitHub: Where the world builds...
nuxt3使用markdown-it
IICOOM的博客
04-03 1867
使用markdown语法记录博客是一个高效的方式，前端加载时需要解析markdown字符串。在nuxt3框架中vue3解析markdown语法可以直接使用markdown-it来解析。之前在vue2中使用过vue-markdown这样的依赖，但是vue升级后就无法使用了，而markdown-it不受vue版本影响。搭配上highlight.js，很轻松就实现代码块高亮了。
Markdown插件 mavon-editor的使用以及在nuxt上的安装部署
wyqvong的博客
06-29 994
mavon-editor是基于Vue的markdown编辑器。 最近打算搭建一个自己的个人博客，需要将md文件转换成html并渲染进页面，面向百度找了一个晚上，因为暂时只需要展示博客不需要编辑博客的功能，所以一开始是打算用marked加highlight.js完成的，但是在使用的过程中出现了样式很丑啊以及解析以后的html结构也不太符合当初的构思的问题，所以最后还是改用mavon-editor解决了。 安装及配置 Install mavon-editor (安装) $ npm install ma.
Vue、Nuxt页面展示MarkDown
小道仙的后宫
01-30 1623
文章优先发表在个人博客，后期更新可能忘记同步到优快云上面，给你带来不便抱歉 个人博客本篇文章地址： https://www.xdx97.com/article?bamId=672192777479520256 今天在做留言功能的时候，需要在页面展示markdown语法 这里给大家推荐： showdown ，感觉它还不是特别好用，但着实简单。 1、安装引入 1、可以使用 npm 安装，但是...
lenz0a89.gsd Lenze E84AYCPM gsd
最新发布
12-05
lenz0a89.gsd Lenze E84AYCPM gsd
轻松获取Markdown编辑器压缩包下载
标题和描述中提到的“Markdown编辑器.zip”是一个压缩包文件，它包含了...通过掌握Markdown编辑器的使用，可以更高效地编写和管理格式化文本，无论是在学习、工作中还是个人项目中，Markdown编辑器都能提供强大的支持。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值