CSDN-markdown编辑器
支持从线上和本地导入Markdown文件、导出Markdown文件和HTML文件的功能
。在工具栏上有三个按钮来实现这些功能。
这三个按钮分别是:从线上导入MD文件、从本机导入MD文件、导出到本地。
这是一篇傻瓜式手把手多图教程,介绍这导入导出的使用方式。
从线上导入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标签可能会影响页面的渲染效果,建议慎重使用。