433 lines
16 KiB
HTML
433 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html manifest="cache.manifest">
|
|
<head>
|
|
<title>StackEdit</title>
|
|
<link rel="icon" href="img/stackedit-32.ico" type="image/x-icon">
|
|
<link rel="shortcut icon" href="img/stackedit-32.ico"
|
|
type="image/x-icon">
|
|
<meta name="keywords"
|
|
content="Markdown, Editor, PageDown, Stack Overflow, Stack Exchange">
|
|
<meta name="description"
|
|
content="StackEdit is a free, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.">
|
|
<meta name="author" content="Benoit Schweblin">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="css/main.css" rel="stylesheet" media="screen">
|
|
<script data-main="js/main" src="js/require.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="navbar" class="navbar navbar-fixed-top ui-layout-north">
|
|
<div class="navbar-inner">
|
|
|
|
<ul class="nav">
|
|
<li><div id="wmd-button-bar"></div></li>
|
|
</ul>
|
|
<ul class="pull-right hide" id="menu-bar">
|
|
<li class="btn-group"><button class="btn action-force-sync"
|
|
title="Synchronize">
|
|
<i class="icon-refresh"></i>
|
|
</button>
|
|
<button class="btn action-force-publish" title="Publish">
|
|
<i class="icon-share"></i>
|
|
</button></li>
|
|
<li class="btn-group"><button class="btn action-create-file"
|
|
title="New local document">
|
|
<i class="icon-file"></i>
|
|
</button>
|
|
<button class="btn" title="Delete local document"
|
|
data-toggle="modal" data-target="#modal-remove-file-confirm">
|
|
<i class="icon-trash"></i>
|
|
</button>
|
|
<button class="btn dropdown-toggle" data-toggle="dropdown"
|
|
title="Open local document">
|
|
<i class="icon-folder-open"></i>
|
|
</button>
|
|
<ul id="file-selector" class="dropdown-menu">
|
|
</ul></li>
|
|
<li class="btn-group"><a class="btn dropdown-toggle"
|
|
data-toggle="dropdown" href="#" title="Menu"><i
|
|
class="icon-stackedit"></i> <b class="caret"></b></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="action-download-md" href="#"><i
|
|
class="icon-download-alt"></i> Save as MD</a></li>
|
|
<li><a class="action-download-html" href="#"><i
|
|
class="icon-download-alt"></i> Save as HTML</a></li>
|
|
<li class="divider"></li>
|
|
<li class="dropdown-submenu"><a href="#"><i
|
|
class="icon-gdrive"></i> Google Drive</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#" class="action-download-gdrive">Import
|
|
from Google Drive</a></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-upload-gdrive" class="action-reset-input">Export
|
|
to Google Drive</a></li>
|
|
</ul></li>
|
|
<li class="dropdown-submenu"><a href="#"><i
|
|
class="icon-dropbox"></i> Dropbox</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="action-download-dropbox" href="#">Import
|
|
from Dropbox</a></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-upload-dropbox" class="action-reset-input">Export
|
|
to Dropbox</a></li>
|
|
</ul></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-manage-sync" class="action-reset-input"><i
|
|
class="icon-refresh"></i> Manage synchronization</a></li>
|
|
<li class="divider"></li>
|
|
<li class="dropdown-submenu"><a href="#"><i
|
|
class="icon-share"></i> Publish on</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#" class="action-publish-github"><i
|
|
class="icon-github"></i> GitHub</a></li>
|
|
<li><a href="#" class="action-publish-blogger"><i
|
|
class="icon-blogger"></i> Blogger</a></li>
|
|
</ul></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-manage-publication"
|
|
class="action-reset-input"><i class="icon-share"></i> Manage
|
|
publishing</a></li>
|
|
<li class="divider"></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-settings"
|
|
class="action-load-settings action-reset-input"><i
|
|
class="icon-cog"></i> Settings</a></li>
|
|
<li><a href="#" data-toggle="modal"
|
|
data-target="#modal-about"><i class="icon-question-sign"></i>
|
|
About</a></li>
|
|
</ul></li>
|
|
</ul>
|
|
<ul class="nav pull-right">
|
|
<li><i class="working-indicator icon-spinner hide"></i></li>
|
|
<li><a class="brand" id="file-title" href="#"
|
|
title="Rename current document"> </a></li>
|
|
<li class="navbar-form"><input id="file-title-input"
|
|
type="text" class="span3 hide" placeholder="Document title" /></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<textarea id="wmd-input" class="ui-layout-center hide"></textarea>
|
|
<div class="ui-layout-east hide"></div>
|
|
<div class="ui-layout-south hide"></div>
|
|
|
|
<div id="modal-insert-link" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close action-close-insert-link"
|
|
data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>Hyperlink</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please provide the link URL and an optional title:</p>
|
|
<div class="input-prepend">
|
|
<span class="add-on"><i class="icon-globe"></i></span><input
|
|
id="input-insert-link" type="text" class="span5"
|
|
placeholder='http://example.com/ "optional title"'></input>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn action-close-insert-link" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-insert-link"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-insert-image" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close action-close-insert-link"
|
|
data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>Image</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please provide the image URL and an optional title:</p>
|
|
<div class="input-prepend">
|
|
<span class="add-on"><i class="icon-picture"></i></span><input
|
|
id="input-insert-image" type="text" class="span5"
|
|
placeholder='http://example.com/image.jpg "optional title"'></input>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn action-close-insert-link" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary action-insert-image"
|
|
data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-remove-file-confirm" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Remove</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Are you sure you want to remove "<span class="file-title"></span>"?
|
|
</p>
|
|
<p class="muted"><b>NOTE:</b> This will not remove the file on
|
|
synchronized locations.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
|
class="btn btn-primary action-remove-file" data-dismiss="modal">Delete</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-upload-gdrive" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Export</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>This will upload the current document into your Google Drive
|
|
root folder and keep it synchronized.</p>
|
|
<p class="muted"><b>NOTE:</b> You can move or rename the file
|
|
within Google Drive afterwards.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
|
data-dismiss="modal"
|
|
class="btn btn-primary action-upload-gdrive-root">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-upload-dropbox" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Export</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>This will upload the current document to your Dropbox account
|
|
and keep it synchronized.</p>
|
|
<p>Please specify a file path for "<span class="file-title"></span>":
|
|
</p>
|
|
<div class="input-prepend">
|
|
<span class="add-on"><i class="icon-dropbox"></i></span><input
|
|
id="upload-dropbox-path" type="text" class="span5"
|
|
placeholder="/path/to/My Document.md"></input>
|
|
</div>
|
|
<br /> <br /> <b class="muted">NOTE:</b>
|
|
<ul class="muted">
|
|
<li>Dropbox file path does not depend on document title.</li>
|
|
<li>The title of your document will not be synchronized.</li>
|
|
<li>Destination folder must exist.</li>
|
|
<li>Any existing file at this location will be overwritten.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
|
data-dismiss="modal" class="btn btn-primary action-upload-dropbox">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-manage-sync" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Synchronization</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p class="msg-sync-list hide">"<span class="file-title"></span>"
|
|
is synchronized with the following location(s):
|
|
</p>
|
|
<div id="manage-sync-list"></div>
|
|
<p class="msg-sync-list hide muted"><b>NOTE:</b> Removing a
|
|
synchronized location will not delete any file.</p>
|
|
<p class="msg-no-sync hide">"<span class="file-title"></span>" is
|
|
not synchronized.
|
|
</p>
|
|
<p>Add a synchronized location manually:</p>
|
|
<div class="input-prepend input-append">
|
|
<span class="add-on"><i class="icon-gdrive"></i></span><input
|
|
id="manual-gdrive-fileid" type="text" class="span5"
|
|
placeholder="Google Drive file ID"></input> <a
|
|
class="btn action-manual-gdrive" title="Add this location"
|
|
data-dismiss="modal"><i class="icon-ok"></i></a>
|
|
</div>
|
|
<div class="input-prepend input-append">
|
|
<span class="add-on"><i class="icon-dropbox"></i></span><input
|
|
id="manual-dropbox-path" type="text" class="span5"
|
|
placeholder="Dropbox file path"></input> <a
|
|
class="btn action-manual-dropbox" title="Add this location"
|
|
data-dismiss="modal"><i class="icon-ok"></i></a>
|
|
</div>
|
|
<p class="muted"><b>NOTE:</b> Adding a synchronized location will
|
|
upload the local document firstly and overwrite the existing file on
|
|
the server.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-publish" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Publish</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-horizontal">
|
|
<div class="control-group control-publish-blogger">
|
|
<label class="control-label" for="input-publish-blogger-url">Blog
|
|
URL</label>
|
|
<div class="controls">
|
|
<input type="text" id="input-publish-blogger-url"
|
|
placeholder="http://exemple.blogger.com/">
|
|
</div>
|
|
</div>
|
|
<div class="control-group control-publish-blogger">
|
|
<label class="control-label" for="input-publish-blogger-postid">Update
|
|
existing post ID (optional)</label>
|
|
<div class="controls">
|
|
<input type="text" id="input-publish-blogger-postid"
|
|
placeholder="Post ID">
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="control-label">Publish as</div>
|
|
<div class="controls">
|
|
<label class="radio"> <input type="radio"
|
|
name="radio-publish-format" value="markdown"> Markdown
|
|
format
|
|
</label> <label class="radio"> <input type="radio"
|
|
name="radio-publish-format" value="html"> HTML format
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
|
data-dismiss="modal" class="btn btn-primary action-process-publish">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-settings" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<h3>Settings</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-horizontal">
|
|
<div class="control-group">
|
|
<div class="control-label">Layout orientation</div>
|
|
<div class="controls">
|
|
<label class="radio"> <input type="radio"
|
|
name="radio-layout-orientation" value="horizontal">
|
|
Horizontal
|
|
</label> <label class="radio"> <input type="radio"
|
|
name="radio-layout-orientation" value="vertical">
|
|
Vertical
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="input-editor-font-size">Editor
|
|
font size</label>
|
|
<div class="controls">
|
|
<input type="text" id="input-editor-font-size" class="input-mini"><span
|
|
class="help-inline">px</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
|
|
class="btn btn-primary action-apply-settings" data-dismiss="modal">OK</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-about" class="modal hide">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"
|
|
aria-hidden="true">×</button>
|
|
<img src="img/stackedit-promo.png" />
|
|
</div>
|
|
<div class="modal-body">
|
|
<dl>
|
|
<dt>About:</dt>
|
|
<dd>
|
|
<a target="_blank" href="https://github.com/benweet/stackedit/">GitHub
|
|
page</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank"
|
|
href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome
|
|
app</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="https://twitter.com/stackedit/">Follow
|
|
on Twitter</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="https://www.facebook.com/stackedit/">Follow
|
|
on Facebook</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank"
|
|
href="https://plus.google.com/b/110816046787593496375/110816046787593496375">Follow
|
|
on Google+</a>
|
|
</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>Developer:</dt>
|
|
<dd>
|
|
<a target="_blank" href="http://www.benoitschweblin.com">Benoit
|
|
Schweblin</a>
|
|
<dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>Credit:</dt>
|
|
<dd>
|
|
<a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="http://glyphicons.com/">Glyphicons</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="https://github.com/stanlemon/jGrowl/">jGrowl</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="http://jquery.com/">jQuery</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="http://layout.jquery-dev.net/">jQuery
|
|
UI Layout</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="https://code.google.com/p/pagedown/">PageDown</a>
|
|
</dd>
|
|
<dd>
|
|
<a target="_blank" href="http://requirejs.org/">RequireJS</a>
|
|
</dd>
|
|
</dl>
|
|
<p>Copyright 2013 <a target="_blank"
|
|
href="http://www.benoitschweblin.com">Benoit Schweblin</a><br />
|
|
Licensed under an <a target="_blank"
|
|
href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a></p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-non-unique" class="modal hide">
|
|
<div class="modal-header">
|
|
<h3>Stopped...</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>StackEdit has stopped because another instance was running in
|
|
the same browser.</p>
|
|
<p class="muted">If you want to reopen StackEdit, click on
|
|
"Reload".</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="javascript:window.location.reload();"
|
|
class="btn btn-primary">Reload</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="dropboxjs" data-app-key="x0k2l8puemfvg0o"></div>
|
|
</body>
|
|
</html>
|