wp-includes/js/tinymce/wp-mce-help.php

   1 <?php
   2
   3 require_once('../../../wp-config.php');
   4
   5 ?>
   6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   7 <html xmlns="http://www.w3.org/1999/xhtml">
   8 <head>
   9 <title><?php _e('Rich Editor Help') ?></title>
  10 <link rel="stylesheet" href="<?php echo get_settings('siteurl') ?>/wp-admin/wp-admin.css?version=<?php bloginfo('version'); ?>" type="text/css" />
  11 <style type="text/css">
  12         #wphead {
  13                 padding-top: 5px;
  14                 padding-bottom: 5px;
  15                 padding-left: 15px;
  16                 font-size: 90%;
  17         }
  18         #adminmenu {
  19                 padding-top: 2px;
  20                 padding-bottom: 2px;
  21                 padding-left: 15px;
  22                 font-size: 94%;
  23         }
  24         #user_info {
  25                 margin-top: 15px;
  26         }
  27         h2 {
  28                 font-size: 2em;
  29                 border-bottom-width: .5em;
  30                 margin-top: 12px;
  31                 margin-bottom: 2px;
  32         }
  33         h3 {
  34                 font-size: 1.1em;
  35                 margin-top: 20px;
  36                 margin-bottom: 0px;
  37         }
  38         #flipper {
  39                 margin: 5px 10px 3px;
  40         }
  41         #flipper div p {
  42                 margin-top: 0.4em;
  43                 margin-bottom: 0.8em;
  44                 text-align: justify;
  45         }
  46         th {
  47                 text-align: center;
  48         }
  49         .top th {
  50                 text-decoration: underline;
  51         }
  52         .top .key {
  53                 text-align: center;
  54                 width: 36px;
  55         }
  56         .top .action {
  57                 text-align: left;
  58         }
  59         .align {
  60                 border-left: 3px double #333;
  61                 border-right: 3px double #333;
  62         }
  63         #keys p {
  64                 display: inline-block;
  65                 margin: 0px;
  66                 padding: 0px;
  67         }
  68         #keys .left { text-align: left; }
  69         #keys .center { text-align: center; }
  70         #keys .right { text-align: right; }
  71         td b {
  72                 font-family: "Times New Roman" Times serif;
  73         }
  74         #buttoncontainer {
  75                 text-align: center;
  76         }
  77         #buttoncontainer a, #buttoncontainer a:hover {
  78                 border-bottom: 0px;
  79         }
  80 </style>
  81 <script type="text/javascript">
  82         window.onkeydown = window.onkeypress = function (e) {
  83                 e = e ? e : window.event;
  84                 if ( e.keyCode == 27 && !e.shiftKey && !e.controlKey && !e.altKey ) {
  85                         window.close();
  86                 }
  87         }
  88
  89         function d(id) { return document.getElementById(id); }
  90
  91         function flipTab(n) {
  92                 for (i=1;i<=4;i++) {
  93                         c = d('content'+i.toString());
  94                         t = d('tab'+i.toString());
  95                         if ( n == i ) {
  96                                 c.className = '';
  97                                 t.className = 'current';
  98                         } else {
  99                                 c.className = 'hidden';
 100                                 t.className = '';
 101                         }
 102                 }
 103         }
 104 </script>
 105 </head>
 106 <body>
 107 <div class="zerosize"></div>
 108 <div id="wphead"><h1><?php echo get_bloginfo('blogtitle'); ?></h1></div>
 109 <div id="user_info"><p><strong><?php _e('Rich Editor Help') ?></strong></p></div>
 110 <ul id="adminmenu">
 111         <li><a id="tab1" href="javascript:flipTab(1)" title="<?php _e('Basics of Rich Editing') ?>" accesskey="1" class="current"><?php _e('Basics') ?></a></li>
 112         <li><a id="tab2" href="javascript:flipTab(2)" title="<?php _e('Advanced use of the Rich Editor') ?>" accesskey="2"><?php _e('Advanced') ?></a></li>
 113         <li><a id="tab3" href="javascript:flipTab(3)" title="<?php _e('Hotkeys') ?>" accesskey="3"><?php _e('Hotkeys') ?></a></li>
 114         <li><a id="tab4" href="javascript:flipTab(4)" title="<?php _e('About the software') ?>" accesskey="4"><?php _e('About') ?></a></li>
 115 </ul>
 116
 117 <div id="flipper" class="wrap">
 118
 119 <div id="content1">
 120         <h2><?php _e('Rich Editing Basics') ?></h2>
 121         <p><?php _e('<em>Rich editing</em>, also called WYSIWYG for What You See Is What You Get, means your text is formatted as you type. The rich editor creates HTML code behind the scenes while you concentrate on writing. Font styles, links and images all appear just as they will on the internet.') ?></p>
 122         <p><?php _e('WordPress includes TinyMCE, a rich editor that works well in most web browsers used today. It is powerful but it has limitations. Pasting text from other word processors may not give the results you expect. If you do not like the way the rich editor works, you may turn it off in the My Profile form, under Users in the admin menu.') ?></p>
 123         <p><?php _e('Because HTML code depends on the less-than character (&lt;) to render web pages, this character is reserved for HTML code. If you want a "<" to be visible on your site, you must encode it as "&amp;lt;" without the quotes.') ?></p>
 124 </div>
 125
 126 <div id="content2" class="hidden">
 127         <h2><?php _e('Advanced Rich Editing') ?></h2>
 128         <h3><?php _e('Images and Attachments') ?></h3>
 129         <p><?php _e('Some (not all) browsers allow you to drag images and other items directly into the editor. Most <a href="http://www.mozilla.org/products/firefox/" title="Mozilla.org, home of the Firefox web browser" target="_blank">Firefox</a> users can drag images from the uploading box (directly below the editor) and see their images instantly, complete with a link. If you cannot do this, use your clipboard Copy and Paste functions to insert the image and link tags. The rich editor will display the images after you have saved the post or used the HTML Editor to refresh the display.') ?></p>
 130         <h3><?php _e('HTML in the Rich Editor') ?></h3>
 131         <p><?php _e('When you want to include HTML elements that are not generated by the toolbar buttons, you must enter it by hand. Examples are &lt;pre> and &lt;code>. Simply type the code into the editor. If the code is valid and allowed by the editor, you should see it rendered the next time you update the display, usually by saving or using the HTML Editor. If you want to display "&lt;" on the web, you must encode it as "&amp;lt;" in the editor.') ?></p>
 132         <h3><?php _e('The HTML Editor') ?></h3>
 133         <p><?php _e('The editor will not always understand your intentions as your editing gets more complex. Use the HTML Editor to sort out any rough spots, such as extra elements or attributes. WordPress will strip all empty &lt;p> tags and &lt;br /> tags in favor of simple newline characters. However, it will preserve any tag such as this: &lt;p class="anyclass">&lt;/p>. When using the HTML editor, all less-thans are double-encoded: &amp;amp;lt;. This ensures they display as &amp;lt; in the rich editor and &lt; on the web.') ?></p>
 134 </div>
 135
 136 <div id="content3" class="hidden">
 137         <h2><?php _e('Writing at Full Speed') ?></h2>
 138         <p><?php _e('Rather than reaching for your mouse to click on the toolbar, use these access keys. Windows and Linux use Alt+&lt;letter>. Macintosh uses Ctrl+&lt;letter>.') ?></p>
 139         <table id="keys" width="100%" border="0">
 140                 <tr class="top"><th class="key center"><?php _e('Key') ?></th><th class="left"><?php _e('Action') ?></th><th class="key center"><?php _e('Key') ?></th><th class="left"><?php _e('Action') ?></th></tr>
 141                 <tr><th>b</th><td><strong><?php _e('Bold') ?></strong></td><th>f</th><td class="align left"><?php _e('Align Left') ?></td></tr>
 142                 <tr><th>i</th><td><em><?php _e('Italic') ?></em></td><th>c</th><td class="align center"><?php _e('Align Center') ?></td></tr>
 143                 <tr><th>d</th><td><strike><?php _e('Strikethrough') ?></strike></td><th>r</th><td class="align right"><?php _e('Align Right') ?></td></tr>
 144                 <tr><th>l</th><td><b>&bull;</b> <?php _e('List') ?></td><th>a</th><td><?php _e('Insert <span class="anchor">Anchor</span>') ?></td></tr>
 145                 <tr><th>o</th><td>1. <?php _e('List') ?></td><th>s</th><td><?php _e('Unlink Anchor') ?></td></tr>
 146                 <tr><th>q</th><td>&rarr;<?php _e('Quote/Indent') ?></td><th>m</th><td><?php _e('Insert Image') ?></td></tr>
 147                 <tr><th>w</th><td>&larr;<?php _e('Unquote/Outdent') ?></td><th>t</th><td><?php _e('Insert "More" Tag') ?></td></tr>
 148                 <tr><th>u</th><td><?php _e('Undo') ?></td><th>e</th><td><?php _e('Edit HTML') ?></td></tr>
 149                 <tr><th>y</th><td><?php _e('Redo') ?></td><th>h</th><td><?php _e('Open Help') ?></td></tr>
 150         </table>
 151 </div>
 152
 153 <div id="content4" class="hidden">
 154         <h2><?php _e('About TinyMCE'); ?></h2>
 155         <p><?php printf(__('Version: %s'), '2.0RC4') ?></p>
 156         <p><?php printf(__('TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under %sLGPL</a> by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances.'), '<a href="'.get_bloginfo('home').'/wp-includes/js/tinymce/license.txt" target="_blank" title="'.__('GNU Library General Public Licence').'">') ?></p>
 157         <p><?php _e('Copyright &copy; 2005, <a href="http://www.moxiecode.com" target="_blank">Moxiecode Systems AB</a>, All rights reserved.') ?></p>
 158         <p><?php _e('For more information about this software visit the <a href="http://tinymce.moxiecode.com" target="_blank">TinyMCE website</a>.') ?></p>
 159
 160         <div id="buttoncontainer">
 161                 <a href="http://www.moxiecode.com" target="_new"><img src="http://tinymce.moxiecode.com/images/gotmoxie.png" alt="<?php _e('Got Moxie?') ?>" border="0" /></a>
 162                 <a href="http://sourceforge.net/projects/tinymce/" target="_blank"><img src="http://sourceforge.net/sflogo.php?group_id=103281" alt="<?php _e('Hosted By Sourceforge') ?>" border="0" /></a>
 163                 <a href="http://www.freshmeat.net/projects/tinymce" target="_blank"><img src="http://tinymce.moxiecode.com/images/fm.gif" alt="<?php _e('Also on freshmeat') ?>" border="0" /></a>
 164         </div>
 165
 166 </div>
 167
 168 </div>
 169
 170 </body>
 171 </html>
 172