mediawiki-extensions-Visual.../demo/index.html

146 lines
5.7 KiB
HTML
Raw Normal View History

<!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">
<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">
<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 {
border: solid 1px #cccccc;
2011-11-28 20:28:28 +00:00
border-top: none;
}
#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>
</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>
</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>
<div id="es-preview-history" class="es-preview es-history"></div>
</div>
</div>
</div>
<!-- EditSurface -->
<script src="../modules/jquery/jquery.js"></script>
<script src="../modules/es/es.js"></script>
<script src="../modules/es/es.Html.js"></script>
<script src="../modules/es/es.Position.js"></script>
<script src="../modules/es/es.Range.js"></script>
<script src="../modules/es/es.TransactionProcessor.js"></script>
<!-- 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>
<!-- Bases -->
<script src="../modules/es/bases/es.EventEmitter.js"></script>
<script src="../modules/es/bases/es.DocumentNode.js"></script>
<script src="../modules/es/bases/es.DocumentModelNode.js"></script>
<script src="../modules/es/bases/es.DocumentBranchNode.js"></script>
<script src="../modules/es/bases/es.DocumentLeafNode.js"></script>
<script src="../modules/es/bases/es.DocumentModelBranchNode.js"></script>
<script src="../modules/es/bases/es.DocumentModelLeafNode.js"></script>
<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>
<!-- Models -->
<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>
<script src="../modules/es/models/es.PreModel.js"></script>
<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>
<script src="../modules/es/models/es.TransactionModel.js"></script>
<!-- Views -->
<script src="../modules/es/views/es.SurfaceView.js"></script>
<script src="../modules/es/views/es.ToolbarView.js"></script>
<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>
<script src="../modules/es/views/es.DocumentView.js"></script>
<script src="../modules/es/views/es.ParagraphView.js"></script>
<script src="../modules/es/views/es.PreView.js"></script>
<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>
<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>
<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>
<script src="../modules/es/tools/es.DropdownTool.js"></script>
<script src="../modules/es/tools/es.FormatDropdownTool.js"></script>
<!-- Demo -->
2011-11-28 20:28:28 +00:00
<script src="../modules/sandbox/sandbox.js"></script>
</body>
</html>