JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform: improve wysiwyg html editor instructions
[wfpl.git] / metaform / template.html
index 1897e9e..dc35210 100644 (file)
@@ -4,17 +4,35 @@
 <head>
        <meta charset="utf-8" />
        <title><!--~~$title show {~~-->~plural cap~<!--~~}~~--></title>
-       <link rel="stylesheet" href="style.css" type="text/css"><!--~html_editor_headers {~--><!--~~$head {~~-->
+       <link rel="stylesheet" href="style.css" type="text/css"><!--~html_editor_headers {~-->
+       <!--~~$head {~~-->
        <script type="text/javascript" src="code/ckeditor/ckeditor.js"></script>
        <script language="javascript" type="text/javascript">
                function make_wysiwyg(name) {
                        CKEDITOR.replace(name, {
+                               'contentsCss': 'style.css',
                                'uiColor': '#ccccff',
                                'removePlugins': 'forms,templates,smiley,pagebreak,save,newpage,preview,print',
-                               'height': '300px'
+                               'height': '300px',
+                               'toolbar': [
+                                       ['Source'],
+                                       ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'SpellChecker', 'Scayt'],
+                                       ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
+                                       '/',
+                                       ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'],
+                                       ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
+                                       ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
+                                       ['Link', 'Unlink', 'Anchor'],
+                                       ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak'],
+                                       '/',
+                                       ['Styles', 'Format', 'Font', 'FontSize'],
+                                       ['TextColor', 'BGColor'],
+                                       ['Maximize', 'ShowBlocks']
+                               ]
                        });
                }
-       </script><!--~~}~~--><!--~}~-->
+       </script>
+       <!--~~}~~--><!--~}~-->
 </head>
 
 <body>
@@ -55,9 +73,9 @@
        <!--~~}~~--><!--~}~-->
 
        <!--~~form {~~--><!--~form {~-->
-               <h2><!--~opt_db {~--><!--~~new_msg {~~-->Add a new ~singular~<!--~~}~~--><!--~~edit_msg {~~-->Edit ~singular~ "~~~always_field~ html~~"<!--~~}~~--><!--~}~--><!--~opt_db unset {~-->Submit a ~singular~<!--~}~--></h2>
+               <h2><!--~opt_db {~--><!--~~id unset {~~-->Add a new ~singular~<!--~~}~~--><!--~~id {~~-->Edit ~singular~ "~~~always_field~ html~~"<!--~~}~~--><!--~}~--><!--~opt_db unset {~-->Submit a ~singular~<!--~}~--></h2>
 
-               <form action="~~wfpl_basename~~" method="post~enctype_attr~"><!--~opt_db {~--><!--~~editing {~~--><div style="display: none"><input type="hidden" name="edit_id" value="~~id attr~~"></div><!--~~}~~--><!--~}~--><!--~uploads {~--><input type="hidden" name="MAX_FILE_SIZE" value="~~upload_max_filesize~~"><!--~}~--><!--~hidden_fields {~--><!--~ first {~-->
+               <form action="~file_name attr~" method="post~enctype_attr~"><!--~opt_db {~--><!--~~id {~~--><div style="display: none"><input type="hidden" name="edit_id" value="~~id attr~~"></div><!--~~}~~--><!--~}~--><!--~uploads {~--><input type="hidden" name="MAX_FILE_SIZE" value="~~upload_max_filesize~~"><!--~}~--><!--~hidden_fields {~--><!--~ first {~-->
                        <div style="display: none"><!--~}~--><input type="hidden" name="~name~" value="~~~name~ attr~~"><!--~ last {~--></div><!--~}~--><!--~}~-->
 <!--~visible_fields {~--><!--~fieldset {~-->
                        <fieldset><legend>~caption html~</legend><!--~}~--><!--~end_fieldset {~-->
                        <div class="caption">~caption html~</div>
                        <div class="field"><textarea rows="9" cols="22" name="~name~">~~~name~ html~~</textarea></div><!--~}~--><!--~html {~-->
                        <div class="caption">~caption html~</div>
-                               <div class="field_notes">
-                                       <ul>
-                                               <li>If you don't see an editor below (with buttons in it) then please try this page in <a href="http://getfirefox.com">Mozilla FireFox</a> or <a href="http://www.google.com/chrome/">Google Chrome</a>.</li>
-                                               <li>If you're pasting from Microsoft Word, please use the "paste from word" button (4 right of the scissors) instead of the normal paste.</li>
-                                       </ul>
-                               </div>
-                               <div class="field"><textarea class="html_editor" rows="20" cols="50" id="content" name="~name~">~~~name~ html~~</textarea><script type="text/javascript">make_wysiwyg('~name~');</script></div><!--~}~--><!--~pulldown {~-->
+                       <div class="field_notes">
+                               <ul>
+                                       <li>If you don't see an editor below (with buttons in it) then please try this page in <a href="http://getfirefox.com">Mozilla FireFox</a> or <a href="http://www.google.com/chrome/">Google Chrome</a>.</li>
+                                       <li>If you're pasting from Microsoft Word, please use the "paste from word" button (4 right of the scissors) instead of the normal paste.</li>
+                                       <li>In the link dialog, you can make a link to another page on this site by entering that page's "filename" in the URL field.</li>
+                               </ul>
+                       </div>
+                       <div class="field"><textarea class="html_editor" rows="20" cols="50" name="~name~">~~~name~ html~~</textarea><script type="text/javascript">make_wysiwyg('~name~');</script></div><!--~}~--><!--~pulldown {~-->
                        <div class="caption">~caption html~</div>
                        <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ options~~--></select></div><!--~}~--><!--~states {~-->
                        <div class="caption">~caption html~</div>
                </form><!--~opt_listing {~-->
 
                <div class="caption">&nbsp;</div>
-               <div class="field"><!--~~id {~~--><a href="~file_name attr~?id=~~id~~">Cancel</a><!--~~}~~--><!--~~id unset {~~--><a href="~file_name attr~">Cancel</a><!--~~}~~--></div><!--~}~-->
+               <div class="field"><a href="~file_name attr~~~id {~~?id=~~id~~~~}~~">Cancel</a></div><!--~}~-->
        <!--~}~--><!--~~}~~--><!--~opt_listing {~-->
 
        <!--~~listings once {~~-->