|
|
@@ -21,186 +21,186 @@
|
|
|
-->
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <title>HexoEditor</title>
|
|
|
- <base href="../href.html">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>HexoEditor</title>
|
|
|
+ <base href="../href.html">
|
|
|
|
|
|
- <script>
|
|
|
- window.$ = window.jQuery = require('jquery');
|
|
|
+ <script>
|
|
|
+ window.$ = window.jQuery = require('jquery');
|
|
|
document.querySelector('html').classList.add(process.platform);
|
|
|
- </script>
|
|
|
- <link rel="stylesheet" href="moe-scrollbar.css">
|
|
|
+ </script>
|
|
|
+ <link rel="stylesheet" href="moe-scrollbar.css">
|
|
|
|
|
|
- <link rel="stylesheet" href="main/moe-treeview.css">
|
|
|
- <link rel="stylesheet" href="fonts/moe-fonts.css">
|
|
|
- <link rel="stylesheet" href="main/moe-style.css">
|
|
|
- <link rel="stylesheet" href="main/base16-light.css">
|
|
|
- <script type="text/javascript" src="main/moe-document.js"></script>
|
|
|
+ <link rel="stylesheet" href="main/moe-treeview.css">
|
|
|
+ <link rel="stylesheet" href="fonts/moe-fonts.css">
|
|
|
+ <link rel="stylesheet" href="main/moe-style.css">
|
|
|
+ <link rel="stylesheet" href="main/base16-light.css">
|
|
|
+ <script type="text/javascript" src="main/moe-document.js"></script>
|
|
|
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <div id="electron-titlebar" class="inset" style="z-index: 1; ">
|
|
|
- <div class="drag" id="drag-left"></div>
|
|
|
- <div class="drag" id="drag-right"></div>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div id="electron-titlebar" class="inset" style="z-index: 1; ">
|
|
|
+ <div class="drag" id="drag-left"></div>
|
|
|
+ <div class="drag" id="drag-right"></div>
|
|
|
+</div>
|
|
|
+<!--<div id="indexPage" style="-->
|
|
|
+<!--z-index: 1;-->
|
|
|
+<!--width: 100%;-->
|
|
|
+<!--height: 100%;-->
|
|
|
+<!--position: fixed;-->
|
|
|
+<!--background: url(http://api.dujin.org/bing/1366.php);-->
|
|
|
+<!--background-size: 100%;-->
|
|
|
+<!--background-repeat: no-repeat;-->
|
|
|
+<!--">-->
|
|
|
+<!--</div>-->
|
|
|
+<div id="renameForm" class="renameForm">
|
|
|
+ <input id="rename-name" type="url" placeholder="sdfsdf">
|
|
|
+ <div class="button">
|
|
|
+ <button class="button button-check"><i class="fa fa-check" aria-hidden="true"></i></button>
|
|
|
+ <button class="button button-close"><i class="fa fa-close" aria-hidden="true"></i></button>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="side-menu">
|
|
|
+ <div id="logo">HexoEditor</div>
|
|
|
+ <ul>
|
|
|
+ <li data-action="new" class="l10n" title="Ctrl+N">New</li>
|
|
|
+ <li data-action="newhexo" class="l10n" title="Ctrl+H">New Post</li>
|
|
|
+ <li data-action="open" class="l10n" title="Ctrl+O">Open</li>
|
|
|
+ <li data-action="save" class="l10n" title="Ctrl+S">Save</li>
|
|
|
+ <li data-action="save-as" class="l10n" title="Ctrl+Shift+S">Save as</li>
|
|
|
+ <li class="break"></li>
|
|
|
+ <li data-action="export-as-html" class="l10n">Export as HTML</li>
|
|
|
+ <li data-action="export-as-pdf" class="l10n">Export as PDF</li>
|
|
|
+ <li class="break"></li>
|
|
|
+ <li data-action="settings" class="l10n">Settings</li>
|
|
|
+ <li data-action="about" class="l10n">About</li>
|
|
|
+ </ul>
|
|
|
+</div>
|
|
|
+<div id="file-tree" class="tree-view">
|
|
|
+ <div class="tree-view-item tree-view-item-template">
|
|
|
+ <div class="tree-view-thisitem">
|
|
|
+ <div class="tree-view-caret">
|
|
|
+ <i class="tree-view-caret-right fa fa-caret-right" aria-hidden="true"></i>
|
|
|
+ <i class="tree-view-caret-down fa fa-caret-down" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="tree-view-icon">
|
|
|
+ <i class="tree-view-icon-dir fa fa-folder-o" aria-hidden="true"></i>
|
|
|
+ <i class="tree-view-icon-file fa fa-file-o" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="tree-view-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tree-view-subitems">
|
|
|
</div>
|
|
|
- <!--<div id="indexPage" style="-->
|
|
|
- <!--z-index: 1;-->
|
|
|
- <!--width: 100%;-->
|
|
|
- <!--height: 100%;-->
|
|
|
- <!--position: fixed;-->
|
|
|
- <!--background: url(http://api.dujin.org/bing/1366.php);-->
|
|
|
- <!--background-size: 100%;-->
|
|
|
- <!--background-repeat: no-repeat;-->
|
|
|
- <!--">-->
|
|
|
- <!--</div>-->
|
|
|
- <div id="renameForm" class="renameForm">
|
|
|
- <input id="rename-name" type="url" placeholder="sdfsdf">
|
|
|
- <div class="button">
|
|
|
- <button class="button button-check" ><i class="fa fa-check" aria-hidden="true"></i></button>
|
|
|
- <button class="button button-close" ><i class="fa fa-close" aria-hidden="true"></i></button>
|
|
|
+ </div>
|
|
|
+ <div class="tree-view-items">
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="main" class="notransition">
|
|
|
+ <div id="side-menu-cover"></div>
|
|
|
+ <div id="file-tree-cover"></div>
|
|
|
+ <div id="main-container">
|
|
|
+ <div id="left-panel">
|
|
|
+ <div id="editor">
|
|
|
+ <textarea></textarea>
|
|
|
</div>
|
|
|
+ <div class="cover-top"></div>
|
|
|
</div>
|
|
|
- <div id="side-menu">
|
|
|
- <div id="logo">HexoEditor</div>
|
|
|
- <ul>
|
|
|
- <li data-action="new" class="l10n" title="Ctrl+N">New</li>
|
|
|
- <li data-action="newhexo" class="l10n" title="Ctrl+H">New Post</li>
|
|
|
- <li data-action="open" class="l10n" title="Ctrl+O">Open</li>
|
|
|
- <li data-action="save" class="l10n" title="Ctrl+S">Save</li>
|
|
|
- <li data-action="save-as" class="l10n" title="Ctrl+Shift+S">Save as</li>
|
|
|
- <li class="break"></li>
|
|
|
- <li data-action="export-as-html" class="l10n">Export as HTML</li>
|
|
|
- <li data-action="export-as-pdf" class="l10n">Export as PDF</li>
|
|
|
- <li class="break"></li>
|
|
|
- <li data-action="settings" class="l10n">Settings</li>
|
|
|
- <li data-action="about" class="l10n">About</li>
|
|
|
- </ul>
|
|
|
+
|
|
|
+ <div id="right-panel">
|
|
|
+ <div class="CodeMirror-vscrollbar" cm-not-content="true" style="display: block; ">
|
|
|
+ <div style="min-width: 1px;"></div>
|
|
|
+ </div>
|
|
|
+ <div id="preview" tabindex="-1">
|
|
|
+ <div id="container" class="preview post-body"></div>
|
|
|
+ </div>
|
|
|
+ <div class="cover-top"></div>
|
|
|
</div>
|
|
|
- <div id="file-tree" class="tree-view">
|
|
|
- <div class="tree-view-item tree-view-item-template">
|
|
|
- <div class="tree-view-thisitem">
|
|
|
- <div class="tree-view-caret">
|
|
|
- <i class="tree-view-caret-right fa fa-caret-right" aria-hidden="true"></i>
|
|
|
- <i class="tree-view-caret-down fa fa-caret-down" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <div class="tree-view-icon">
|
|
|
- <i class="tree-view-icon-dir fa fa-folder-o" aria-hidden="true"></i>
|
|
|
- <i class="tree-view-icon-file fa fa-file-o" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <div class="tree-view-text">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tree-view-subitems">
|
|
|
+ </div>
|
|
|
+ <div id="cover-bottom">
|
|
|
+ <div id="cover-bottom-background-left"></div>
|
|
|
+ <div id="cover-bottom-background-right"></div>
|
|
|
+ <div id="cover-bottom-tools">
|
|
|
+ <div id="cover-bottom-left">
|
|
|
+ <div class="button-bottom l10n-title" id="button-bottom-menu" title="Menu">
|
|
|
+ <i class="fa fa-bars" aria-hidden="true"></i>
|
|
|
</div>
|
|
|
+ <!--<div class="button-bottom l10n-title" title="Refresh" onclick="location.reload(true)">-->
|
|
|
+ <!--<i class="fa fa-refresh" aria-hidden="true"></i>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="button-bottom l10n-title" id="button-bottom-file-tree" title="Directory">-->
|
|
|
+ <!--<i class="fa fa-folder-o" aria-hidden="true"></i>-->
|
|
|
+ <!--</div>-->
|
|
|
</div>
|
|
|
- <div class="tree-view-items">
|
|
|
+ <div id="cover-bottom-status">
|
|
|
+ <div class="status-button"></div>
|
|
|
+ <div id="status-content" class="transition"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div id="main" class="notransition">
|
|
|
- <div id="side-menu-cover"></div>
|
|
|
- <div id="file-tree-cover"></div>
|
|
|
- <div id="main-container">
|
|
|
- <div id="left-panel">
|
|
|
- <div id="editor">
|
|
|
- <textarea></textarea>
|
|
|
- </div>
|
|
|
- <div class="cover-top"></div>
|
|
|
+ <div id="cover-bottom-right">
|
|
|
+ <div class="button-bottom l10n-title" id="button-bottom-focus" title="Toggle focus mode">
|
|
|
+ <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
|
|
|
</div>
|
|
|
|
|
|
- <div id="right-panel">
|
|
|
- <div class="CodeMirror-vscrollbar" cm-not-content="true" style="display: block; ">
|
|
|
- <div style="min-width: 1px;"></div>
|
|
|
- </div>
|
|
|
- <div id="preview" tabindex="-1">
|
|
|
- <div id="container" class="preview post-body"></div>
|
|
|
- </div>
|
|
|
- <div class="cover-top"></div>
|
|
|
+ <div class="button-bottom l10n-title" title="Write Mode" exdata="(Ctrl+W)" mode-button="write">
|
|
|
+ <i class="fa fa-pencil" aria-hidden="true"></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div id="cover-bottom">
|
|
|
- <div id="cover-bottom-background-left"></div>
|
|
|
- <div id="cover-bottom-background-right"></div>
|
|
|
- <div id="cover-bottom-tools">
|
|
|
- <div id="cover-bottom-left">
|
|
|
- <div class="button-bottom l10n-title" id="button-bottom-menu" title="Menu">
|
|
|
- <i class="fa fa-bars" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <!--<div class="button-bottom l10n-title" title="Refresh" onclick="location.reload(true)">-->
|
|
|
- <!--<i class="fa fa-refresh" aria-hidden="true"></i>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--<div class="button-bottom l10n-title" id="button-bottom-file-tree" title="Directory">-->
|
|
|
- <!--<i class="fa fa-folder-o" aria-hidden="true"></i>-->
|
|
|
- <!--</div>-->
|
|
|
- </div>
|
|
|
- <div id="cover-bottom-status">
|
|
|
- <div class="status-button"></div>
|
|
|
- <div id="status-content" class="transition"></div>
|
|
|
- </div>
|
|
|
- <div id="cover-bottom-right">
|
|
|
- <div class="button-bottom l10n-title" id="button-bottom-focus" title="Toggle focus mode">
|
|
|
- <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="button-bottom l10n-title" title="Write Mode" exdata="(Ctrl+W)" mode-button="write">
|
|
|
- <i class="fa fa-pencil" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <div class="button-bottom l10n-title" title="Preview Mode" exdata="(Ctrl+P)" mode-button="preview">
|
|
|
- <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <div class="button-bottom l10n-title" title="Read Mode" exdata="(Ctrl+R)" mode-button="read">
|
|
|
- <i class="fa fa-eye" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="button-bottom l10n-title" title="Preview Mode" exdata="(Ctrl+P)" mode-button="preview">
|
|
|
+ <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
|
|
|
+ </div>
|
|
|
+ <div class="button-bottom l10n-title" title="Read Mode" exdata="(Ctrl+R)" mode-button="read">
|
|
|
+ <i class="fa fa-eye" aria-hidden="true"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
|
|
|
- <link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css">
|
|
|
- <link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css">
|
|
|
- <link rel="stylesheet" href="../node_modules/katex/dist/katex.min.css">
|
|
|
- <link rel="stylesheet" href="../node_modules/biu.js/dist/biu.css">
|
|
|
+<link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css">
|
|
|
+<link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css">
|
|
|
+<link rel="stylesheet" href="../node_modules/katex/dist/katex.min.css">
|
|
|
+<link rel="stylesheet" href="../node_modules/biu.js/dist/biu.css">
|
|
|
|
|
|
- <script src="../node_modules/codemirror/lib/codemirror.js"></script>
|
|
|
- <!--Mode-->
|
|
|
- <script src="../node_modules/codemirror/addon/mode/simple.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/markdown/markdown.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/yaml/yaml.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/yaml-frontmatter/yaml-frontmatter.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/gfm/gfm.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/xml/xml.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/css/css.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/htmlmixed/htmlmixed.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/clike/clike.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/sql/sql.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/python/python.js"></script>
|
|
|
- <script src="../node_modules/codemirror/mode/php/php.js"></script>
|
|
|
- <!--hint-->
|
|
|
- <!--<script src="../node_modules/codemirror/addon/hint/anyword-hint.js"></script>-->
|
|
|
- <!--<script src="../node_modules/codemirror/addon/hint/javascript-hint.js"></script>-->
|
|
|
- <!--<script src="../node_modules/codemirror/addon/hint/sql-hint.js"></script>-->
|
|
|
- <!--<script src="../node_modules/codemirror/addon/hint/show-hint.js"></script>-->
|
|
|
- <!--brackets-->
|
|
|
- <script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
|
|
|
- <!--fold-->
|
|
|
- <script src="../node_modules/codemirror/addon/fold/foldcode.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/fold/foldgutter.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/fold/brace-fold.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/fold/comment-fold.js"></script>
|
|
|
- <!--other-->
|
|
|
- <script src="../node_modules/codemirror/addon/mode/overlay.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/mode/multiplex.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/scroll/simplescrollbars.js"></script>
|
|
|
- <script src="../node_modules/codemirror/addon/selection/active-line.js"></script>
|
|
|
- <script src="main/CodeMirror/continuelist.js"></script>
|
|
|
+<script src="../node_modules/codemirror/lib/codemirror.js"></script>
|
|
|
+<!--Mode-->
|
|
|
+<script src="../node_modules/codemirror/addon/mode/simple.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/markdown/markdown.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/yaml/yaml.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/yaml-frontmatter/yaml-frontmatter.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/gfm/gfm.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/xml/xml.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/css/css.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/htmlmixed/htmlmixed.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/javascript/javascript.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/clike/clike.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/sql/sql.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/python/python.js"></script>
|
|
|
+<script src="../node_modules/codemirror/mode/php/php.js"></script>
|
|
|
+<!--hint-->
|
|
|
+<!--<script src="../node_modules/codemirror/addon/hint/anyword-hint.js"></script>-->
|
|
|
+<!--<script src="../node_modules/codemirror/addon/hint/javascript-hint.js"></script>-->
|
|
|
+<!--<script src="../node_modules/codemirror/addon/hint/sql-hint.js"></script>-->
|
|
|
+<!--<script src="../node_modules/codemirror/addon/hint/show-hint.js"></script>-->
|
|
|
+<!--brackets-->
|
|
|
+<script src="../node_modules/codemirror/addon/edit/closebrackets.js"></script>
|
|
|
+<!--fold-->
|
|
|
+<script src="../node_modules/codemirror/addon/fold/foldcode.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/fold/foldgutter.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/fold/brace-fold.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/fold/comment-fold.js"></script>
|
|
|
+<!--other-->
|
|
|
+<script src="../node_modules/codemirror/addon/mode/overlay.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/mode/multiplex.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/scroll/simplescrollbars.js"></script>
|
|
|
+<script src="../node_modules/codemirror/addon/selection/active-line.js"></script>
|
|
|
+<script src="main/CodeMirror/continuelist.js"></script>
|
|
|
|
|
|
- <script src="../node_modules/katex/dist/katex.min.js"></script>
|
|
|
- <script src="../node_modules/biu.js/dist/biu.min.js"></script>
|
|
|
- <!-- Mathjax config -->
|
|
|
- <script src="../node_modules/mathjax/MathJax.js?config=TeX-AMS-MML_SVG"></script>
|
|
|
- <script type="text/x-mathjax-config">
|
|
|
+<script src="../node_modules/katex/dist/katex.min.js"></script>
|
|
|
+<script src="../node_modules/biu.js/dist/biu.min.js"></script>
|
|
|
+<!-- Mathjax config -->
|
|
|
+<script src="../node_modules/mathjax/MathJax.js?config=TeX-AMS-MML_SVG"></script>
|
|
|
+<script type="text/x-mathjax-config">
|
|
|
MathJax.Hub.Config({
|
|
|
tex2jax: {
|
|
|
preview: "none",
|
|
|
@@ -209,15 +209,16 @@
|
|
|
},
|
|
|
messageStyle: "none"
|
|
|
});
|
|
|
- </script>
|
|
|
|
|
|
- <script type="text/javascript" src="main/moe-sidemenu.js"></script>
|
|
|
- <!--<script type="text/javascript" src="main/moe-treeview.js"></script>-->
|
|
|
- <script type="text/javascript" src="main/moe-mode.js"></script>
|
|
|
- <script type="text/javascript" src="main/moe-export.js"></script>
|
|
|
- <script type="text/javascript" src="main/moe-popmessage.js"></script>
|
|
|
- <script type="text/javascript" src="main/moe-contextmenu.js"></script>
|
|
|
+</script>
|
|
|
+
|
|
|
+<script type="text/javascript" src="main/moe-sidemenu.js"></script>
|
|
|
+<!--<script type="text/javascript" src="main/moe-treeview.js"></script>-->
|
|
|
+<script type="text/javascript" src="main/moe-mode.js"></script>
|
|
|
+<script type="text/javascript" src="main/moe-export.js"></script>
|
|
|
+<script type="text/javascript" src="main/moe-popmessage.js"></script>
|
|
|
+<script type="text/javascript" src="main/moe-contextmenu.js"></script>
|
|
|
|
|
|
- <script type="text/javascript" src="moe-localize.js"></script>
|
|
|
- </body>
|
|
|
+<script type="text/javascript" src="moe-localize.js"></script>
|
|
|
+</body>
|
|
|
</html>
|
zhuzhuyule