2011-11-02 21:19:56 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>EditSurface Demo</title>
|
2011-11-30 22:15:03 +00:00
|
|
|
<link rel="stylesheet" href="../modules/es/styles/es.SurfaceView.css">
|
2011-11-30 20:45:24 +00:00
|
|
|
<link rel="stylesheet" href="../modules/es/styles/es.ContextView.css">
|
2011-11-30 22:15:03 +00:00
|
|
|
<link rel="stylesheet" href="../modules/es/styles/es.ContentView.css">
|
|
|
|
<link rel="stylesheet" href="../modules/es/styles/es.DocumentView.css">
|
2011-11-30 23:29:54 +00:00
|
|
|
<link rel="stylesheet" href="../modules/es/styles/es.ToolbarView.css">
|
2011-11-28 20:28:28 +00:00
|
|
|
<link rel="stylesheet" href="../modules/sandbox/sandbox.css">
|
|
|
|
<style>
|
|
|
|
body {
|
|
|
|
font-family: "Arial";
|
|
|
|
font-size: 1em;
|
|
|
|
width: 100%;
|
|
|
|
margin: 1em 0;
|
|
|
|
padding: 0;
|
|
|
|
overflow-y: scroll;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
#es-base {
|
|
|
|
margin: 2em;
|
|
|
|
-webkit-box-shadow: 0 0.25em 1.5em 0 #dddddd;
|
|
|
|
-moz-box-shadow: 0 0.25em 1.5em 0 #dddddd;
|
|
|
|
box-shadow: 0 0.25em 1.5em 0 #dddddd;
|
|
|
|
-webkit-border-radius: 0.5em;
|
|
|
|
-moz-border-radius: 0.5em;
|
|
|
|
-o-border-radius: 0.5em;
|
|
|
|
border-radius: 0.5em;
|
|
|
|
}
|
|
|
|
#es-panes {
|
2011-11-29 21:11:30 +00:00
|
|
|
border: solid 1px #cccccc;
|
2011-11-28 20:28:28 +00:00
|
|
|
border-top: none;
|
|
|
|
}
|
2011-11-28 23:53:34 +00:00
|
|
|
#es-visual {
|
|
|
|
padding-left: 1em;
|
|
|
|
padding-right: 1em;
|
|
|
|
}
|
2011-11-29 00:09:37 +00:00
|
|
|
#es-toolbar {
|
|
|
|
-webkit-border-radius: 0;
|
|
|
|
-moz-border-radius: 0;
|
|
|
|
-o-border-radius: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
-webkit-border-top-right-radius: 0.25em;
|
|
|
|
-moz-border-top-right-radius: 0.25em;
|
|
|
|
-o-border-top-right-radius: 0.25em;
|
|
|
|
border-top-right-radius: 0.25em;
|
|
|
|
-webkit-border-top-left-radius: 0.25em;
|
|
|
|
-moz-border-top-left-radius: 0.25em;
|
|
|
|
-o-border-top-left-radius: 0.25em;
|
|
|
|
border-top-left-radius: 0.25em;
|
|
|
|
}
|
|
|
|
#es-toolbar.float {
|
|
|
|
left: 2em;
|
|
|
|
right: 2em;
|
|
|
|
top: 0;
|
|
|
|
}
|
2011-11-28 20:28:28 +00:00
|
|
|
</style>
|
2011-11-02 21:19:56 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="es-base">
|
|
|
|
<div id="es-toolbar" class="es-toolbar">
|
2011-11-22 19:09:18 +00:00
|
|
|
<div id="es-toolbar-shadow"></div>
|
2011-11-02 21:19:56 +00:00
|
|
|
</div>
|
|
|
|
<div id="es-panes">
|
|
|
|
<div id="es-visual">
|
|
|
|
<div id="es-editor"></div>
|
|
|
|
</div>
|
|
|
|
<div id="es-previews">
|
|
|
|
<div id="es-preview-wikitext" class="es-preview es-code"></div>
|
|
|
|
<div id="es-preview-json" class="es-preview es-code"></div>
|
|
|
|
<div id="es-preview-html" class="es-preview es-code"></div>
|
|
|
|
<div id="es-preview-render" class="es-preview es-render"></div>
|
2011-11-23 21:59:16 +00:00
|
|
|
<div id="es-preview-history" class="es-preview es-history"></div>
|
2011-11-02 21:19:56 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- EditSurface -->
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/jquery/jquery.js"></script>
|
|
|
|
<script src="../modules/es/es.js"></script>
|
2011-11-03 18:25:04 +00:00
|
|
|
<script src="../modules/es/es.Html.js"></script>
|
|
|
|
<script src="../modules/es/es.Position.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/es.Range.js"></script>
|
2011-11-14 23:04:36 +00:00
|
|
|
<script src="../modules/es/es.TransactionProcessor.js"></script>
|
2011-11-03 18:25:04 +00:00
|
|
|
|
|
|
|
<!-- Serializers -->
|
|
|
|
<script src="../modules/es/serializers/es.AnnotationSerializer.js"></script>
|
|
|
|
<script src="../modules/es/serializers/es.HtmlSerializer.js"></script>
|
|
|
|
<script src="../modules/es/serializers/es.JsonSerializer.js"></script>
|
|
|
|
<script src="../modules/es/serializers/es.WikitextSerializer.js"></script>
|
2011-11-02 21:19:56 +00:00
|
|
|
|
|
|
|
<!-- Bases -->
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/bases/es.EventEmitter.js"></script>
|
2011-11-04 17:07:44 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentNode.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentModelNode.js"></script>
|
2011-11-10 19:26:02 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentBranchNode.js"></script>
|
|
|
|
<script src="../modules/es/bases/es.DocumentLeafNode.js"></script>
|
2011-11-03 21:48:40 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentModelBranchNode.js"></script>
|
|
|
|
<script src="../modules/es/bases/es.DocumentModelLeafNode.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentViewNode.js"></script>
|
|
|
|
<script src="../modules/es/bases/es.DocumentViewBranchNode.js"></script>
|
|
|
|
<script src="../modules/es/bases/es.DocumentViewLeafNode.js"></script>
|
2011-11-02 21:19:56 +00:00
|
|
|
|
|
|
|
<!-- Models -->
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/models/es.SurfaceModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.DocumentModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.ParagraphModel.js"></script>
|
2011-11-07 23:46:30 +00:00
|
|
|
<script src="../modules/es/models/es.PreModel.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/models/es.ListModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.ListItemModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.TableModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.TableRowModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.TableCellModel.js"></script>
|
|
|
|
<script src="../modules/es/models/es.HeadingModel.js"></script>
|
2011-11-17 22:42:18 +00:00
|
|
|
<script src="../modules/es/models/es.TransactionModel.js"></script>
|
2011-11-02 21:19:56 +00:00
|
|
|
|
|
|
|
<!-- Views -->
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/views/es.SurfaceView.js"></script>
|
2011-11-23 01:19:11 +00:00
|
|
|
<script src="../modules/es/views/es.ToolbarView.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/views/es.ContentView.js"></script>
|
2011-11-29 23:29:02 +00:00
|
|
|
<script src="../modules/es/views/es.ContextView.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/views/es.DocumentView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.ParagraphView.js"></script>
|
2011-11-07 23:46:30 +00:00
|
|
|
<script src="../modules/es/views/es.PreView.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/views/es.ListView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.ListItemView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.TableView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.TableRowView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.TableCellView.js"></script>
|
|
|
|
<script src="../modules/es/views/es.HeadingView.js"></script>
|
2011-11-02 21:19:56 +00:00
|
|
|
|
2011-11-30 07:10:15 +00:00
|
|
|
<script src="../modules/es/tools/es.Tool.js"></script>
|
|
|
|
<script src="../modules/es/tools/es.ButtonTool.js"></script>
|
2011-11-30 23:05:06 +00:00
|
|
|
<script src="../modules/es/tools/es.AnnotationButtonTool.js"></script>
|
2011-12-01 00:37:17 +00:00
|
|
|
<script src="../modules/es/tools/es.ClearButtonTool.js"></script>
|
2011-12-01 01:33:13 +00:00
|
|
|
<script src="../modules/es/tools/es.HistoryButtonTool.js"></script>
|
2011-11-30 07:10:15 +00:00
|
|
|
|
2011-11-02 21:19:56 +00:00
|
|
|
<!-- Demo -->
|
2011-11-28 20:28:28 +00:00
|
|
|
<script src="../modules/sandbox/sandbox.js"></script>
|
2011-11-02 21:19:56 +00:00
|
|
|
</body>
|
|
|
|
</html>
|