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

110 lines
5.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>EditSurface Demo</title>
<link rel="stylesheet" href="../modules/es/es.Surface.css">
<link rel="stylesheet" href="es.css">
</head>
<body>
<div id="es-base">
<div id="es-toolbar" class="es-toolbar">
<div class="es-toolbarGroup">
<div class="es-toolbarLabel">Text</div>
<div class="es-toolbarTool" id="es-toolbar-bold"><img src="images/bold.png"></div>
<div class="es-toolbarTool" id="es-toolbar-italic"><img src="images/italic.png"></div>
<div class="es-toolbarTool" id="es-toolbar-link"><img src="images/link.png"></div>
<div class="es-toolbarTool" id="es-toolbar-small"><img src="images/small.png"></div>
<div class="es-toolbarTool" id="es-toolbar-big"><img src="images/big.png"></div>
<div class="es-toolbarTool" id="es-toolbar-sub"><img src="images/sub.png"></div>
<div class="es-toolbarTool" id="es-toolbar-super"><img src="images/super.png"></div>
<div class="es-toolbarTool" id="es-toolbar-clear"><img src="images/clear.png"></div>
<div style="clear:both"></div>
</div>
<div class="es-toolbarDivider"></div>
<div class="es-toolbarGroup">
<div class="es-toolbarLabel">Lists</div>
<div class="es-toolbarTool" id="es-toolbar-bullet"><img src="images/bullet.png"></div>
<div class="es-toolbarTool" id="es-toolbar-number"><img src="images/number.png"></div>
<div class="es-toolbarTool" id="es-toolbar-indent"><img src="images/indent.png"></div>
<div class="es-toolbarTool" id="es-toolbar-outdent"><img src="images/outdent.png"></div>
<div style="clear:both"></div>
</div>
<div class="es-toolbarGroup es-toolbarGroup-preview">
<div class="es-toolbarTool" id="es-toolbar-json" rel="json"><img src="images/json.png"></div>
<div class="es-toolbarTool" id="es-toolbar-wikitext" rel="wikitext"><img src="images/wikitext.png"></div>
<div class="es-toolbarTool" id="es-toolbar-html" rel="html"><img src="images/html.png"></div>
<div class="es-toolbarTool" id="es-toolbar-render" rel="render"><img src="images/render.png"></div>
</div>
<div style="clear:both"></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>
<div style="clear:both"></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.Transaction.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>
<!-- Views -->
<script src="../modules/es/views/es.SurfaceView.js"></script>
<script src="../modules/es/views/es.ContentView.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>
<!-- Demo -->
<script src="es.js"></script>
</body>
</html>