码迷,mamicode.com
首页 > 其他好文 > 详细

CSDN-markdown编辑器之导入导出文档功能

时间:2015-03-17 23:44:13      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:markdown   编辑器   导入导出   


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>
<html>
<head>
<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   编辑器   导入导出   

原文地址:http://blog.csdn.net/lanxuezaipiao/article/details/44347235

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!