zoukankan      html  css  js  c++  java
  • 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什么的明天再来看啦~

  • 相关阅读:
    GNU Linux中的SO_RCVLOWAT和SO_SNDLOWAT说明
    Spring.NET 的IOC(依赖注入)
    c# post 数据的方法
    C# .NET中的 反射的应用
    C# .NET修改注册表
    DataTabel DataSet 对象 转换成json
    sqlserver 行转列
    asp.net 二级域名session共享
    Asp.Net集群中Session共享
    微软企业库DBBA的研究
  • 原文地址:https://www.cnblogs.com/pjCoder/p/5596771.html
Copyright © 2011-2022 走看看