11 ?> |
11 ?> |
12 <!DOCTYPE html> |
12 <!DOCTYPE html> |
13 <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> |
13 <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> |
14 <head> |
14 <head> |
15 <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" /> |
15 <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" /> |
16 <title><?php _e('Rich Editor Help'); ?></title> |
16 <title><?php _e('Keyboard Shortcuts'); ?></title> |
17 <script type="text/javascript" src="tiny_mce_popup.js?ver=358-20121205"></script> |
17 |
18 <?php |
18 <?php wp_admin_css( 'wp-admin', true ); ?> |
19 wp_admin_css( 'wp-admin', true ); |
|
20 ?> |
|
21 <style type="text/css"> |
19 <style type="text/css"> |
|
20 |
|
21 html { |
|
22 background: #fcfcfc; |
|
23 overflow: hidden; |
|
24 } |
|
25 |
22 body { |
26 body { |
23 min-width: 0; |
27 min-width: 0; |
24 } |
28 } |
25 #wphead { |
29 |
26 font-size: 80%; |
30 .wrap { |
27 border-top: 0; |
31 background-color: #fff; |
28 color: #555; |
32 border-top: 1px solid #ddd; |
29 background-color: #f1f1f1; |
33 height: 390px; |
|
34 margin: 0; |
|
35 overflow: auto; |
|
36 padding: 10px 16px; |
30 } |
37 } |
31 #wphead h1 { |
38 |
32 font-size: 24px; |
|
33 color: #555; |
|
34 margin: 0; |
|
35 padding: 10px; |
|
36 } |
|
37 #tabs { |
|
38 padding: 15px 15px 3px; |
|
39 background-color: #f1f1f1; |
|
40 border-bottom: 1px solid #dfdfdf; |
|
41 margin: 0; |
|
42 } |
|
43 #tabs li { |
|
44 display: inline; |
|
45 } |
|
46 #tabs a.current { |
|
47 background-color: #fff; |
|
48 border-color: #dfdfdf; |
|
49 border-bottom-color: #fff; |
|
50 color: #d54e21; |
|
51 } |
|
52 #tabs a { |
|
53 color: #2583AD; |
|
54 padding: 6px; |
|
55 border-width: 1px 1px 0; |
|
56 border-style: solid solid none; |
|
57 border-color: #f1f1f1; |
|
58 text-decoration: none; |
|
59 } |
|
60 #tabs a:hover { |
|
61 color: #d54e21; |
|
62 } |
|
63 .wrap h2 { |
|
64 border-bottom-color: #dfdfdf; |
|
65 color: #555; |
|
66 margin: 5px 0; |
|
67 padding: 0; |
|
68 font-size: 18px; |
|
69 } |
|
70 #user_info { |
|
71 right: 5%; |
|
72 top: 5px; |
|
73 } |
|
74 h3 { |
|
75 font-size: 1.1em; |
|
76 margin-top: 10px; |
|
77 margin-bottom: 0px; |
|
78 } |
|
79 #flipper { |
|
80 margin: 0; |
|
81 padding: 5px 20px 10px; |
|
82 background-color: #fff; |
|
83 border-left: 1px solid #dfdfdf; |
|
84 border-bottom: 1px solid #dfdfdf; |
|
85 } |
|
86 * html { |
|
87 overflow-x: hidden; |
|
88 overflow-y: scroll; |
|
89 } |
|
90 #flipper div p { |
|
91 margin-top: 0.4em; |
|
92 margin-bottom: 0.8em; |
|
93 text-align: justify; |
|
94 } |
|
95 th { |
39 th { |
96 text-align: center; |
40 text-align: center; |
97 } |
41 } |
|
42 |
98 .top th { |
43 .top th { |
99 text-decoration: underline; |
44 text-decoration: underline; |
100 } |
45 } |
|
46 |
101 .top .key { |
47 .top .key { |
102 text-align: center; |
48 text-align: center; |
103 width: 5em; |
49 width: 5em; |
104 } |
50 } |
105 .top .action { |
51 |
106 text-align: left; |
|
107 } |
|
108 .align { |
|
109 border-left: 3px double #333; |
|
110 border-right: 3px double #333; |
|
111 } |
|
112 .keys { |
52 .keys { |
|
53 border: 0 none; |
113 margin-bottom: 15px; |
54 margin-bottom: 15px; |
114 width: 100%; |
55 width: 100%; |
115 border: 0 none; |
|
116 } |
56 } |
|
57 |
117 .keys p { |
58 .keys p { |
118 display: inline-block; |
59 display: inline-block; |
119 margin: 0px; |
60 margin: 0px; |
120 padding: 0px; |
61 padding: 0px; |
121 } |
62 } |
122 .keys .left { text-align: left; } |
63 |
123 .keys .center { text-align: center; } |
64 .keys .left { |
124 .keys .right { text-align: right; } |
65 text-align: left; |
125 td b { |
|
126 font-family: "Times New Roman" Times serif; |
|
127 } |
66 } |
128 #buttoncontainer { |
67 |
|
68 .keys .center { |
129 text-align: center; |
69 text-align: center; |
130 margin-bottom: 20px; |
|
131 } |
70 } |
132 #buttoncontainer a, #buttoncontainer a:hover { |
71 |
133 border-bottom: 0px; |
72 .keys .right { |
134 } |
73 text-align: right; |
135 .macos .win, |
|
136 .windows .mac { |
|
137 display: none; |
|
138 } |
74 } |
139 </style> |
75 </style> |
140 <?php if ( is_rtl() ) : ?> |
76 <?php if ( is_rtl() ) : ?> |
141 <style type="text/css"> |
77 <style type="text/css"> |
142 #wphead, #tabs { |
78 |
143 padding-left: auto; |
79 .keys .left { |
144 padding-right: 15px; |
80 text-align: right; |
145 } |
81 } |
146 #flipper { |
82 |
147 margin: 5px 0 3px 10px; |
83 .keys .right { |
|
84 text-align: left; |
148 } |
85 } |
149 .keys .left, .top, .action { text-align: right; } |
86 |
150 .keys .right { text-align: left; } |
|
151 td b { font-family: Tahoma, "Times New Roman", Times, serif } |
|
152 </style> |
87 </style> |
153 <?php endif; ?> |
88 <?php endif; ?> |
154 </head> |
89 </head> |
155 <body class="windows wp-core-ui"> |
90 <body class="windows wp-core-ui"> |
156 <script type="text/javascript"> |
|
157 if ( tinymce.isMac ) |
|
158 document.body.className = document.body.className.replace(/windows/, 'macos'); |
|
159 </script> |
|
160 |
91 |
161 <ul id="tabs"> |
92 <div class="wrap"> |
162 <li><a id="tab1" href="javascript:flipTab(1)" title="<?php esc_attr_e('Basics of Rich Editing'); ?>" accesskey="1" class="current"><?php _e('Basics'); ?></a></li> |
|
163 <li><a id="tab2" href="javascript:flipTab(2)" title="<?php esc_attr_e('Advanced use of the Rich Editor'); ?>" accesskey="2"><?php _e('Advanced'); ?></a></li> |
|
164 <li><a id="tab3" href="javascript:flipTab(3)" title="<?php esc_attr_e('Hotkeys'); ?>" accesskey="3"><?php _e('Hotkeys'); ?></a></li> |
|
165 <li><a id="tab4" href="javascript:flipTab(4)" title="<?php esc_attr_e('About the software'); ?>" accesskey="4"><?php _e('About'); ?></a></li> |
|
166 </ul> |
|
167 |
93 |
168 <div id="flipper" class="wrap"> |
94 <div> |
169 |
95 <p><?php _e('Rather than reaching for your mouse to click on the toolbar, use these access keys. Windows and Linux use Ctrl + letter. Macintosh uses Command + letter.'); ?></p> |
170 <div id="content1"> |
|
171 <h2><?php _e('Rich Editing Basics'); ?></h2> |
|
172 <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 approximately as they will on the internet.'); ?></p> |
|
173 <p><?php _e('WordPress includes a rich HTML editor that works well in all major web browsers used today. However editing HTML is not the same as typing text. Each web page has two major components: the structure, which is the actual HTML code and is produced by the editor as you type, and the display, that is applied to it by the currently selected WordPress theme and is defined in style.css. WordPress is producing valid XHTML 1.0 which means that inserting multiple line breaks (BR tags) after a paragraph would not produce white space on the web page. The BR tags will be removed as invalid by the internal HTML correcting functions.'); ?></p> |
|
174 <p><?php _e('While using the editor, most basic keyboard shortcuts work like in any other text editor. For example: Shift+Enter inserts line break, Ctrl+C = copy, Ctrl+X = cut, Ctrl+Z = undo, Ctrl+Y = redo, Ctrl+A = select all, etc. (on Mac use the Command key instead of Ctrl). See the Hotkeys tab for all available keyboard shortcuts.'); ?></p> |
|
175 <p><?php _e('If you do not like the way the rich editor works, you may turn it off from Your Profile submenu, under Users in the admin menu.'); ?></p> |
|
176 </div> |
|
177 |
|
178 <div id="content2" class="hidden"> |
|
179 <h2><?php _e('Advanced Rich Editing'); ?></h2> |
|
180 <h3><?php _e('Images and Attachments'); ?></h3> |
|
181 <p><?php _e('There is a button in the editor toolbar for inserting images that are already hosted somewhere on the internet. If you have a URL for an image, click this button and enter the URL in the box which appears.'); ?></p> |
|
182 <p><?php _e('If you need to upload an image or another media file from your computer, you can use the Media Library button above the editor. The media library will attempt to create a thumbnail-sized copy from each uploaded image. To insert your image into the post, first click on the thumbnail to reveal a menu of options. When you have selected the options you like, click "Insert into Post" and your image or file will appear in the post you are editing.'); ?></p> |
|
183 <h3><?php _e('HTML in the Rich Editor'); ?></h3> |
|
184 <p><?php _e('Any HTML entered directly into the rich editor will show up as text when the post is viewed. What you see is what you get. When you want to include HTML elements that cannot be generated with the toolbar buttons, you must enter it by hand in the Text editor. Examples are tables and <code>. To do this, click the Text tab and edit the code, then switch back to Visual mode. If the code is valid and understood by the editor, you should see it rendered immediately.'); ?></p> |
|
185 <h3><?php _e('Pasting in the Rich Editor'); ?></h3> |
|
186 <p><?php _e('When pasting content from another web page the results can be inconsistent and depend on your browser and on the web page you are pasting from. The editor tries to correct any invalid HTML code that was pasted, but for best results try using the Text tab or one of the paste buttons that are on the second row. Alternatively try pasting paragraph by paragraph. In most browsers to select one paragraph at a time, triple-click on it.'); ?></p> |
|
187 <p><?php _e('Pasting content from another application, like Word or Excel, is best done with the Paste from Word button on the second row, or in Text mode.'); ?></p> |
|
188 </div> |
|
189 |
|
190 <div id="content3" class="hidden"> |
|
191 <h2><?php _e('Writing at Full Speed'); ?></h2> |
|
192 <p><?php _e('Rather than reaching for your mouse to click on the toolbar, use these access keys. Windows and Linux use Ctrl + letter. Macintosh uses Command + letter.'); ?></p> |
|
193 |
96 |
194 <table class="keys"> |
97 <table class="keys"> |
195 <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr> |
98 <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr> |
196 <tr><th>c</th><td><?php _e('Copy'); ?></td><th>v</th><td><?php _e('Paste'); ?></td></tr> |
99 <tr><th>c</th><td><?php _e('Copy'); ?></td><th>v</th><td><?php _e('Paste'); ?></td></tr> |
197 <tr><th>a</th><td><?php _e('Select all'); ?></td><th>x</th><td><?php _e('Cut'); ?></td></tr> |
100 <tr><th>a</th><td><?php _e('Select all'); ?></td><th>x</th><td><?php _e('Cut'); ?></td></tr> |
198 <tr><th>z</th><td><?php _e('Undo'); ?></td><th>y</th><td><?php _e('Redo'); ?></td></tr> |
101 <tr><th>z</th><td><?php _e('Undo'); ?></td><th>y</th><td><?php _e('Redo'); ?></td></tr> |
199 |
|
200 <tr><th>b</th><td><?php _e('Bold'); ?></td><th>i</th><td><?php _e('Italic'); ?></td></tr> |
102 <tr><th>b</th><td><?php _e('Bold'); ?></td><th>i</th><td><?php _e('Italic'); ?></td></tr> |
201 <tr><th>u</th><td><?php _e('Underline'); ?></td><th>1</th><td><?php _e('Heading 1'); ?></td></tr> |
103 <tr><th>u</th><td><?php _e('Underline'); ?></td><th>k</th><td><?php _e('Insert/edit link'); ?></td></tr> |
202 <tr><th>2</th><td><?php _e('Heading 2'); ?></td><th>3</th><td><?php _e('Heading 3'); ?></td></tr> |
|
203 <tr><th>4</th><td><?php _e('Heading 4'); ?></td><th>5</th><td><?php _e('Heading 5'); ?></td></tr> |
|
204 <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>9</th><td><?php _e('Address'); ?></td></tr> |
|
205 </table> |
104 </table> |
206 |
105 |
207 <p><?php _e('The following shortcuts use different access keys: Alt + Shift + letter.'); ?></p> |
106 <p> |
|
107 <?php _e('The following shortcuts use different access keys: Alt + Shift + letter.'); ?> |
|
108 <?php _e('Macintosh uses Ctrl + Alt + letter.'); ?> |
|
109 </p> |
208 <table class="keys"> |
110 <table class="keys"> |
209 <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr> |
111 <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr> |
|
112 |
|
113 <tr><th>1</th><td><?php _e('Heading 1'); ?></td><th>2</th><td><?php _e('Heading 2'); ?></td></tr> |
|
114 <tr><th>3</th><td><?php _e('Heading 3'); ?></td><th>4</th><td><?php _e('Heading 4'); ?></td></tr> |
|
115 <tr><th>5</th><td><?php _e('Heading 5'); ?></td><th>6</th><td><?php _e('Heading 6'); ?></td></tr> |
|
116 |
210 <tr><th>n</th><td><?php _e('Check Spelling'); ?></td><th>l</th><td><?php _e('Align Left'); ?></td></tr> |
117 <tr><th>n</th><td><?php _e('Check Spelling'); ?></td><th>l</th><td><?php _e('Align Left'); ?></td></tr> |
211 <tr><th>j</th><td><?php _e('Justify Text'); ?></td><th>c</th><td><?php _e('Align Center'); ?></td></tr> |
118 <tr><th>j</th><td><?php _e('Justify Text'); ?></td><th>c</th><td><?php _e('Align Center'); ?></td></tr> |
212 <tr><th>d</th><td><span style="text-decoration: line-through;"><?php _e('Strikethrough'); ?></span></td><th>r</th><td><?php _e('Align Right'); ?></td></tr> |
119 <tr><th>d</th><td><span style="text-decoration: line-through;"><?php _e('Strikethrough'); ?></span></td><th>r</th><td><?php _e('Align Right'); ?></td></tr> |
213 <tr><th>u</th><td><strong>•</strong> <?php _e('List'); ?></td><th>a</th><td><?php _e('Insert link'); ?></td></tr> |
120 <tr><th>u</th><td><strong>•</strong> <?php _e('List'); ?></td><th>a</th><td><?php _e('Insert/edit link'); ?></td></tr> |
214 <tr><th>o</th><td>1. <?php _e('List'); ?></td><th>s</th><td><?php _e('Remove link'); ?></td></tr> |
121 <tr><th>o</th><td>1. <?php _e('List'); ?></td><th>s</th><td><?php _e('Remove link'); ?></td></tr> |
215 <tr><th>q</th><td><?php _e('Quote'); ?></td><th>m</th><td><?php _e('Insert Image'); ?></td></tr> |
122 <tr><th>q</th><td><?php _e('Quote'); ?></td><th>m</th><td><?php _e('Insert Image'); ?></td></tr> |
216 <tr><th>w</th><td><?php _e('Distraction Free Writing mode'); ?></td><th>t</th><td><?php _e('Insert More Tag'); ?></td></tr> |
123 <tr><th>w</th><td><?php _e('Distraction-free writing mode'); ?></td><th>t</th><td><?php _e('Insert More Tag'); ?></td></tr> |
217 <tr><th>p</th><td><?php _e('Insert Page Break tag'); ?></td><th>h</th><td><?php _e('Help'); ?></td></tr> |
124 <tr><th>p</th><td><?php _e('Insert Page Break tag'); ?></td><th>h</th><td><?php _e('Help'); ?></td></tr> |
|
125 <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td> </td></tr> |
218 </table> |
126 </table> |
219 |
127 |
220 <p style="padding: 15px 10px 10px;"><?php _e('Editor width in Distraction Free Writing mode:'); ?></p> |
128 <p><?php _e('Focus shortcuts:'); ?></p> |
221 <table class="keys"> |
129 |
222 <tr><th><span class="win">Alt +</span><span class="mac">Ctrl +</span></th><td><?php _e('Wider'); ?></td> |
130 <table class="keys focus"> |
223 <th><span class="win">Alt -</span><span class="mac">Ctrl -</span></th><td><?php _e('Narrower'); ?></td></tr> |
131 <tr><th class="left">Alt + F8</th><td><?php _e('Image toolbar (when an image is selected)'); ?></td></tr> |
224 <tr><th><span class="win">Alt 0</span><span class="mac">Ctrl 0</span></th><td><?php _e('Default width'); ?></td><th></th><td></td></tr> |
132 <tr><th class="left">Alt + F9</th><td><?php _e('Editor menu (when enabled)'); ?></td></tr> |
|
133 <tr><th class="left">Alt + F10</th><td><?php _e('Editor toolbar'); ?></td></tr> |
|
134 <tr><th class="left">Alt + F11</th><td><?php _e('Elements path'); ?></td></tr> |
225 </table> |
135 </table> |
|
136 |
|
137 <p><?php _e('To move focus to other buttons use Tab or the arrow keys. To return focus to the editor press Escape or use one of the buttons.'); ?></p> |
226 </div> |
138 </div> |
227 |
139 |
228 <div id="content4" class="hidden"> |
|
229 <h2><?php _e('About TinyMCE'); ?></h2> |
|
230 |
|
231 <p><?php _e('Version:'); ?> <span id="version"></span> (<span id="date"></span>)</p> |
|
232 <p><?php printf(__('TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor 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="'.home_url('/wp-includes/js/tinymce/license.txt').'" target="_blank" title="'.esc_attr__('GNU Library General Public License').'">'); ?></p> |
|
233 <p><?php _e('Copyright © 2003-2011, <a href="http://www.moxiecode.com" target="_blank">Moxiecode Systems AB</a>, All rights reserved.'); ?></p> |
|
234 <p><?php _e('For more information about this software visit the <a href="http://tinymce.com" target="_blank">TinyMCE website</a>.'); ?></p> |
|
235 |
|
236 <div id="buttoncontainer"> |
|
237 <a href="http://www.moxiecode.com" target="_blank"><img src="themes/advanced/img/gotmoxie.png" alt="<?php esc_attr_e('Got Moxie?'); ?>" style="border: 0" /></a> |
|
238 </div> |
|
239 |
|
240 </div> |
140 </div> |
241 </div> |
|
242 |
|
243 <div class="mceActionPanel"> |
|
244 <div style="margin: 8px auto; text-align: center;padding-bottom: 10px;"> |
|
245 <input type="button" id="cancel" name="cancel" value="<?php esc_attr_e('Close'); ?>" title="<?php esc_attr_e('Close'); ?>" onclick="tinyMCEPopup.close();" /> |
|
246 </div> |
|
247 </div> |
|
248 <script type="text/javascript"> |
|
249 function d(id) { return document.getElementById(id); } |
|
250 |
|
251 function flipTab(n) { |
|
252 var i, c, t; |
|
253 |
|
254 for ( i = 1; i <= 4; i++ ) { |
|
255 c = d('content'+i.toString()); |
|
256 t = d('tab'+i.toString()); |
|
257 if ( n == i ) { |
|
258 c.className = ''; |
|
259 t.className = 'current'; |
|
260 } else { |
|
261 c.className = 'hidden'; |
|
262 t.className = ''; |
|
263 } |
|
264 } |
|
265 } |
|
266 |
|
267 tinyMCEPopup.onInit.add(function() { |
|
268 var win = tinyMCEPopup.getWin(); |
|
269 |
|
270 d('version').innerHTML = tinymce.majorVersion + "." + tinymce.minorVersion; |
|
271 d('date').innerHTML = tinymce.releaseDate; |
|
272 |
|
273 if ( win.fullscreen && win.fullscreen.settings.visible ) { |
|
274 d('content1').className = 'hidden'; |
|
275 d('tabs').className = 'hidden'; |
|
276 d('content3').className = 'dfw'; |
|
277 } |
|
278 }); |
|
279 </script> |
|
280 </body> |
141 </body> |
281 </html> |
142 </html> |