mediawiki-extensions-Visual.../modules/sandbox/base.php
Trevor Parscal c44ef066b9 Replaced es with ce for Sandbox and main demo
* Configured VisualEditorSandbox to use es
* Reconfigured the ce demo to share the sandbox module
* Removed es demo
* Renamed ce demo to ve (es is broken anyways)

Patchset 2: squashed in https://gerrit.wikimedia.org/r/3953

Change-Id: If8d13bf7011616d222be78899b23186859d5ed70
2012-03-29 15:43:59 -07:00

133 lines
5 KiB
PHP

<!-- VisualEditor Sandbox -->
<div id="es-docs" style="visibility: hidden">
<div id="es-docs-label">Example documents:</div>
<ul id="es-docs-list" ></ul>
</div>
<div id="es-base" style="visibility: hidden">
<div id="es-toolbar-wrapper">
<div id="es-toolbar" class="es-toolbar">
<div id="es-modes" class="es-modes">
<div id="es-mode-wikitext" class="es-modes-button" title="<?php echo $modeWikitext ?>"></div>
<div id="es-mode-json" class="es-modes-button" title="<?php echo $modeJson ?>"></div>
<div id="es-mode-html" class="es-modes-button" title="<?php echo $modeHtml?>"></div>
<div id="es-mode-render" class="es-modes-button" title="<?php echo $modeRender ?>"></div>
<div id="es-mode-history" class="es-modes-button" title="<?php echo $modeHistory ?>"></div>
<div id="es-mode-help" class="es-modes-button" title="<?php echo $modeHelp ?>"></div>
</div>
<div style="clear:both"></div>
<div id="es-toolbar-shadow"></div>
</div>
</div>
<div id="es-panes">
<div id="es-visual">
<div id="es-editor"></div>
</div>
<div id="es-panels">
<div id="es-panel-wikitext" class="es-panel es-code"></div>
<div id="es-panel-json" class="es-panel es-code"></div>
<div id="es-panel-html" class="es-panel es-code"></div>
<div id="es-panel-render" class="es-panel es-render"></div>
<div id="es-panel-history" class="es-panel es-code"></div>
<div id="es-panel-help" class="es-panel">
<div class="es-help-title">Keyboard Shortcuts</div>
<div class="es-help-shortcuts-title">Clipboard</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">C</span>
</span>
Copy selected text
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">X</span>
</span>
Cut selected text
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">V</span>
</span>
Paste text at the cursor
</div>
<div class="es-help-shortcuts-title">History navigation</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">Z</span>
</span>
Undo
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">Y</span>
</span>
Redo
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">&#8679;</span> +
<span class="es-help-key">Z</span>
</span>
Redo
</div>
<div class="es-help-shortcuts-title">Formatting</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">B</span>
</span>
Make selected text bold
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">I</span>
</span>
Make selected text italic
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#8984;</span> +
<span class="es-help-key">K</span>
</span>
Make selected text a link
</div>
<div class="es-help-shortcuts-title">Selection</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">&#8679;</span> +
<span class="es-help-key">Arrow</span>
</span>
Adjust selection
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#x2325;</span> +
<span class="es-help-key">Arrow</span>
</span>
Move cursor by words or blocks
</div>
<div class="es-help-shortcut">
<span class="es-help-keys">
<span class="es-help-key">Ctrl <span class="es-help-key-or">or</span> &#x2325;</span> +
<span class="es-help-key">&#8679;</span> +
<span class="es-help-key">Arrow</span>
</span>
Adjust selection by words or blocks
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
<div id="paste" contenteditable="true" style="height: 1px; width: 1px; display: none; opacity: 0; position: absolute;"></div>
<div id="fake-cursor" style="height: 20px; width: 1px; background: red; position: absolute; top: 0; left: 0;"></div>
<!-- /VisualEditor Sandbox -->