zoukankan      html  css  js  c++  java
  • markdown 自己搞一个浏览工具

    注意! 下不能有空行 上也不能有空行 问题未解决

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="jquery.min.js"></script>
        <script src="markdown.js"></script>
        <link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
        <style>
    
            code {
                margin:0;
                padding:1em;
                background:#F9F9F9;
                border:1px dashed #2F6FAB;
                display:block;
                white-space:pre;
                font-family:"Courier New", Courier, monospace;
                color:#666;
                line-height:1.5;
                overflow:auto;
            }
        </style>
    </head>
    <body>
    <?php
    session_start();
    if (isset($_GET['mdpsd'])) {
        if ($_GET['mdpsd'] != "xienaizhong") {
        } else {
            $_SESSION['loginmd'] = "1";
        }
        header("Location:/doc");
    }
    if ($_SESSION['loginmd'] != "1") {
        exit("<form method='get'><input name='mdpsd'><input type='submit' value='提交'></form>");
    }
    
    
    ?>
    
    
    <textarea id="text-input" oninput="this.editor.update()"
              rows="6" cols="60" style="display: none;"><?php include $_GET['f'] . ""; ?></textarea>
    <div id="preview"></div>
    
    <script>
        function Editor(input, preview) {
            this.update = function () {
                preview.innerHTML = markdown.toHTML(input.value);
            };
            input.editor = this;
            this.update();
        }
        var $ = function (id) {
            return document.getElementById(id);
        };
        new Editor($("text-input"), $("preview"));
    
    
    </script>
    
    <hr>
    <?php
    $dir = __DIR__;
    $file = scandir($dir);
    $index = 1;
    foreach ($file as $x) {
        if (strpos($x, ".md") >= 1) {
            echo "<a href='/doc?f=" . $x . "'>" . $x . "</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
            if ($index % 4 == 0) {
                echo "<br>";
            }
            $index = $index +1;
        }
    }
    ?>
    
    </body>
    </html>
    
  • 相关阅读:
    c#文件读取
    asp.net页面缓存学习
    JQuery学习
    如何在asp.net后台调用前台代码
    c#文件操作二
    oracler主键自动增长
    C#委托学习
    小技巧:DIV中显示字符不完整的解决方法
    英文名字的误区及起名方法
    SharePoint 2010 中提供的母版页
  • 原文地址:https://www.cnblogs.com/aliblogs/p/5906415.html
Copyright © 2011-2022 走看看