epiceditor_在你的网页嵌入markdown

来源：互联网发布：萨沙-考恩生涯数据编辑：程序博客网时间：2024/06/05 00:17

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

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

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

跑出来的效果是~

这里写图片描述

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

这里写图片描述

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

0 0