mediawiki-extensions-Visual.../modules/sandbox/base.php
Trevor Parscal 51b479f04f Improved the appearance of the warning at the top of the editor
Change-Id: I38e2295f38ab8be101dba2dca251ed27ae65e5c2
2012-04-12 13:40:01 -07:00

135 lines
5.2 KiB
PHP

<!-- VisualEditor Sandbox -->
<div id="es-warning" class="es-warning">WARNING: This an experimental deployment of the current visual editor codebase. It is still highly unstable and should be expected to break at any time.
<a href="#" id="es-warning-dismiss">Dismiss</a></div>
<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>
<!-- /VisualEditor Sandbox -->