epiceditor_在你的网页嵌入markdown

因为想做一个笔记软件，一开始就想到的markdown，想以此做笔记的编辑工具，百度之后发现epiceditor 是用得比较多的。
去官网看相关的设置教程，照着官网给出的四个步骤实现了一下，发现并没有什么效果。想着自己肯定是哪里弄错了。百度，看了一下别人的教程，这里有一个我照着试了一下发现也不对（ps：我没弄过前端的东西，纯渣）先给上他的代码：

<!DOCTYPE html>  
<html>  
<head>  
<script src='/epiceditor/js/epiceditor.min.js'>    </script>  
</head>  
<body>  
<div id="epiceditor" style='400px; height:200px;'>asdf</div>  
<script>  
    var editor = new EpicEditor({basePath: '/epiceditor'});
editor.load();
</script>
</body> 
</html>

目录结构如图：

这里写图片描述

我没有看完最后的关于路径的解释，直接拷了代码放进我的index.html中发现并没有什么效果，F12 打开开发者工具，控制台有报错

error

文件没找到是个什么鬼？后面还有信息呢

error

什么鬼，我的那个文件不是放在这个目录下的啊~而且我代码好像也不是说的这个目录啊~ 难道是我代码写错了？额，该目录去~
试了好几个方法，发现这么改才有用，对于以上的目录结构来说：

<!DOCTYPE html>  
<html>  
<head>  
<!-- 这里在最前面去掉了 "/"  -->
<script src='epiceditor/js/epiceditor.min.js'></script>  
</head>  
<body>  
<div id="epiceditor" style='400px; height:200px;'>asdf</div>  
<script>  
    <!-- 这里在basepath里去掉了 "/" -->
    var editor = new EpicEditor({basePath: 'epiceditor'});
    editor.load();
</script>
</body> 
</html>

后来才发现那个是用来指定绝对路径的（-_-）！我果然渣！！！

跑出来的效果是~

这里写图片描述

这是因为在代码里面设定了div的大小了！全屏就帅了

这里写图片描述

好咯~算是搞定了吧，api什么的明天再来看啦~