2012-02-07 19:13:19 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>ContentEditable Demo</title>
|
|
|
|
|
<!-- es -->
|
2012-03-06 22:35:42 +00:00
|
|
|
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Document.css">
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Content.css">
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Surface.css">
|
2012-02-07 19:13:19 +00:00
|
|
|
<!-- ui -->
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Context.css">
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Inspector.css">
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Menu.css">
|
|
|
|
|
<link rel="stylesheet" href="../../modules/ve/ui/styles/ve.ui.Toolbar.css">
|
|
|
|
|
<!-- sandbox -->
|
|
|
|
|
<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;
|
|
|
|
|
background-color: white;
|
|
|
|
|
}
|
|
|
|
|
#es-base {
|
|
|
|
|
margin: 2em;
|
|
|
|
|
margin-top: 0em;
|
|
|
|
|
-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;
|
|
|
|
|
border-top: none;
|
|
|
|
|
}
|
2012-02-08 22:50:34 +00:00
|
|
|
#es-editor, .es-showData #es-editor {
|
2012-02-07 19:13:19 +00:00
|
|
|
padding-left: 1em;
|
|
|
|
|
padding-right: 1em;
|
|
|
|
|
}
|
|
|
|
|
#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;
|
|
|
|
|
}
|
|
|
|
|
#es-docs {
|
|
|
|
|
margin-left: 2.5em;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<?php
|
|
|
|
|
$modeWikitext = "Toggle wikitext view";
|
|
|
|
|
$modeJson = "Toggle JSON view";
|
|
|
|
|
$modeHtml = "Toggle HTML view";
|
|
|
|
|
$modeRender = "Toggle preview";
|
|
|
|
|
$modeHistory = "Toggle transaction history view";
|
|
|
|
|
$modeHelp = "Toggle help view";
|
|
|
|
|
|
|
|
|
|
include( '../../modules/sandbox/base.php' );
|
|
|
|
|
|
|
|
|
|
?>
|
2012-02-08 00:02:08 +00:00
|
|
|
<!-- Rangy -->
|
|
|
|
|
<script src="../../modules/rangy/rangy-core.js"></script>
|
|
|
|
|
<script src="../../modules/rangy/rangy-position.js"></script>
|
|
|
|
|
|
2012-02-07 19:13:19 +00:00
|
|
|
<!-- ve -->
|
|
|
|
|
<script src="../../modules/jquery/jquery.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Position.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Range.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.EventEmitter.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ve.LeafNode.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- dm -->
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.TransactionProcessor.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Transaction.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/ve.dm.Surface.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.DocumentNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.HeadingNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ParagraphNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.PreNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.ListNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableCellNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/nodes/ve.dm.TableRowNode.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="../../modules/ve/dm/serializers/ve.dm.AnnotationSerializer.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/serializers/ve.dm.HtmlSerializer.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/serializers/ve.dm.JsonSerializer.js"></script>
|
|
|
|
|
<script src="../../modules/ve/dm/serializers/ve.dm.WikitextSerializer.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- es -->
|
2012-02-10 22:19:12 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.js"></script>
|
2012-03-06 22:35:42 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Node.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.BranchNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.LeafNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Content.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/ve.ce.Surface.js"></script>
|
2012-03-14 00:04:24 +00:00
|
|
|
<script src="../../modules/ve/ce/ve.ce.SurfaceObserver.js"></script>
|
2012-02-07 19:13:19 +00:00
|
|
|
|
2012-03-06 22:35:42 +00:00
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.DocumentNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.HeadingNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ParagraphNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.PreNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListItemNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.ListNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableCellNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableNode.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ce/nodes/ve.ce.TableRowNode.js"></script>
|
2012-02-07 19:13:19 +00:00
|
|
|
|
|
|
|
|
<!-- ui -->
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Inspector.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Tool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Toolbar.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Context.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/ve.ui.Menu.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="../../modules/ve/ui/inspectors/ve.ui.LinkInspector.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.AnnotationButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ClearButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.HistoryButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.ListButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.IndentationButtonTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.DropdownTool.js"></script>
|
|
|
|
|
<script src="../../modules/ve/ui/tools/ve.ui.FormatDropdownTool.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- sandbox -->
|
|
|
|
|
<script src="main.js"></script>
|
2012-02-08 00:47:51 +00:00
|
|
|
|
2012-02-08 23:37:52 +00:00
|
|
|
<div id="paste" contenteditable="true" style="height: 1px; width: 1px; display: none; opacity: 0; position: absolute;"></div>
|
2012-02-10 18:18:35 +00:00
|
|
|
<div id="fake-cursor" style="height: 20px; width: 1px; background: red; position: absolute; top: 0; left: 0;"></div>
|
2012-02-07 19:13:19 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
