A number of changes to the CSS, page layout (moved to HTML5), and updated the editor.

publish/tinymce_init.inc.php

@@ -1,22 +1,38 @@
-<script type="text/javascript" src="/publish/utilities.js"></script>
-<script type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
+<script type="text/javascript" src="../publish/utilities.js"></script>
+<script type="text/javascript" src="../tinymce/js/tinymce/tinymce.min.js"></script>
 <script type="text/javascript">
-  tinyMCE.init({
-    mode : "textareas",
-    theme : "advanced",
-    skin : "xxx",
-    width : "400",
+  tinymce.init({
+    selector: "textarea#story",
+    width : "450",
     height : "300",
-    auto_reset_designmode : true,
-    gecko_spellcheck : true,
-    content_css : "/style.css",
-    theme_advanced_buttons1 : "bold,italic,|,justifyleft,justifycenter,justifyright,justifyfull,|,blockquote,|,outdent,indent,|,link,unlink,|,charmap,iespell,|,code,cleanup",
-    theme_advanced_buttons2 : "",
-    theme_advanced_buttons3 : "",
-    theme_advanced_toolbar_location : "bottom",
-    theme_advanced_toolbar_align : "left",
-    theme_advanced_statusbar_location : "",
-    handle_event_callback : "mceWordCount",
-    oninit : "mceWordCount"
+    skin : "xxx",
+    content_css : "../style.css",
+    plugins : "link charmap code",
+    toolbar : "bold italic | alignleft aligncenter alignright alignjustify | blockquote | outdent indent | link unlink | charmap code",
+    toolbar_items_size : 'small',
+    menubar : false,
+    statusbar : false,
+    setup : function(editor) {
+      // Count words
+      editor.on('keyup', function(e) {
+        mceWordCount(e);
+      });
+      // Move location of toolbar
+      editor.on('init', function(e) {
+        var $ = tinymce.dom.DomQuery;
+        var toolbar = $('div.mce-toolbar-grp');
+        var editarea = $('div.mce-edit-area');
+        if (toolbar.hasClass('mce-first')) {
+          editarea.after(toolbar);
+          editarea.css('border-width', '0px 0px 1px 0px');
+          toolbar.removeClass('mce-first');
+          toolbar.addClass('mce-last');
+          if (editarea.hasClass('mce-last')) {
+            editarea.removeClass('mce-last');
+            editarea.addClass('mce-first');
+          }
+        }
+      });
+    },
   });
 </script>