添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接


CSDN-markdown编辑器 支持从线上和本地导入Markdown文件、导出Markdown文件和HTML文件的功能 。在工具栏上有三个按钮来实现这些功能。 这三个按钮分别是:从线上导入MD文件、从本机导入MD文件、导出到本地。

  • CSDN-markdown编辑器的导入功能让我们很方便的基于已有的Markdown文件进行重新编辑修改,然后发表博文。

  • CSDN-markdown编辑器的导出功能让我们很容易的将在CSDN上发表的博文进行本地存档备份,或者你导出到本地后,再上传到CSDN CODE上进行在线存档备份。


这是一篇傻瓜式手把手多图教程,介绍这导入导出的使用方式。

从线上导入Markdown文件


这里以 我的github 的一个项目『 IT-Interviews-Sharing 』的 README.md 文件为例进行讲解。

第一步:得到你要导入的MD文件的网址,并复制下来

对于Github上面的MD文件,我们不能直接将MD文件转成HTML效果之后的网址拷贝下来,因为这时候的网址是html文件的网址而不是原来MD文件的网址, 怎么找到原生MD文件的网址呢?

很简单,只要点击html效果页的“Raw”按钮即可,如下:

这才是真正的MD文件网址,拷贝下来:

https://raw.githubusercontent.com/lanxuezaipiao/IT-Interviews-Sharing/master/README.md

第二步:点击工具栏上的“从线上导入”图标

第三步:这时弹出一个“从线上导入”对话框,我们将复制的网址直接粘贴进去,点击“确定”即可

稍等片刻,我们所需的MD文件就成功导进来了。

注意事项:

那个导入对话框里的红色文字那么醒目,相信大家都已经看到了,一定要谨记。如果你正在写一篇文章,突然想试验下导入功能,也忘记点击“保存”按钮这里写图片描述(上面有红点就表示你还未保存到最新状态)以保存到草稿箱,那么你辛辛苦苦写的文章就荡然无存了。

我认为在导入时点击确定按钮后,最好有个检测功能,如果检测到你当前的编辑器是空的,就直接导入,如果检测到里面有内容并且未保存到最新状态,就弹出一个对话框,给个提示,比如“您当前尚有内容未保存,确定要覆盖当前所有内容吗?”。

从本机导入Markdown文件

第一步:点击工具栏上的“从本机导入”图标

第二步:这时弹出一个“从本机导入”对话框,可以发现有两种导入方式,任选一种即可

这个比较简单,就不演示了。

导出Markdown文件到本地

第一步:点击工具栏上的“导出到本地”图标

第二步:这时弹出一个“导出到文档”对话框,可以发现有三种导出方式:导出到md文件、导出到仅内容的HTML文件、导出到带模板的HTML文件

这里可能有人会问:后面两种导出方式有什么区别呢?

其实从字面上就可以看出,“带模板的HTML文件”就是比“仅内容的HTML文件”多一个HTML模板,也就是多了下面这样一段内容:

<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文章标题</title>
<link rel="stylesheet" href="https://stackedit.io/res-min/themes/base.css" />
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
</head>
<body><div class="container">
......
</div></body>
</html>
CSDN-markdown编辑器支持从线上和本地导入Markdown文件、导出Markdown文件和HTML文件的功能。在工具栏上有三个按钮来实现这些功能。这三个按钮分别是:从线上导入MD文件、从本机导入MD文件、导出到本地。 CSDN-markdown编辑器的导入功能让我们很方便的基于已有的Markdown文件进行重新编辑修改,然后发表博文。 CSDN-markdown编辑器的导出功
Markdown编辑器使用说明 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的...
在jz2440上移植设备树 学完华清的课程,租借的开发板还回去了。突然想起之前看过韦老师的视频,在王 第一次在csdn上写笔记,stackedit编辑器很多功能不会用; Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 import { saveAs } from 'file-saver'; // 将html转为docx import { asBlob } from 'html-docx-js-typescript'; // 将html转为markdown import htmlToMd from 'html-to
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几...
官网详情:https://pandao.github.io/editor.md/ 我的百度网盘资源: 链接: https://pan.baidu.com/s/1Ec5jVkYFTguZi04D9t1IyQ 提取码: 111r 一些用法:参考资源中的READE.md 如何使用这个editormd? 1.flask项目中直接将整个文件放入到flask项目中的stati... <font size="5">这是字号为5的文字</font> <font size="+1">这是比原来大一个字号的文字</font> <font size="-1">这是比原来小一个字号的文字</font> 3. 颜色 使用`<font>`标签的`color`属性来设置字体颜色,语法如下: <font color="颜色值">文字</font> 其中,`color`属性指定颜色值,可以使用颜色名称或十六进制值,比如: <font color="red">这是红色的文字</font> <font color="#00ff00">这是绿色的文字</font> 注意:使用HTML标签可能会影响页面的渲染效果,建议慎重使用。