2011-11-02 21:19:56 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>EditSurface Demo</title>
|
2011-11-02 21:35:15 +00:00
|
|
|
<link rel="stylesheet" href="../modules/es/es.Surface.css">
|
2011-11-02 21:19:56 +00:00
|
|
|
<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 -->
|
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>
|
|
|
|
<script src="../modules/es/es.Transaction.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-03 21:48:40 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentBranchNode.js"></script>
|
2011-11-02 21:35:15 +00:00
|
|
|
<script src="../modules/es/bases/es.DocumentModelNode.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>
|
|
|
|
<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-02 21:19:56 +00:00
|
|
|
|
|
|
|
<!-- Views -->
|
2011-11-02 21:35:15 +00:00
|
|
|
<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.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
|
|
|
|
|
|
|
<!-- Demo -->
|
|
|
|
<script src="es.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|