Question

How do I move the toolbar to the top in TinyMCE Simple theme? Thanks

Answer 1

---

Note: The instructions below are valid for TinyMCE 3.x. TinyMCE 4.x is available now and you should probably use it instead. See http://www.tinymce.com/wiki.php/Configuration for more information.

---

The toolbar can only be moved to top when using theme : advanced in TinyMCE. There is no theme_simple_toolbar_location but a theme_advanced_toolbar_location. See documentation here http://www.tinymce.com/wiki.php/Configuration3x:theme_advanced_toolbar_location.

What you can do is to serve the editor as theme : advanced and then customize the buttons by using the theme_advanced_buttons_1_n property. It’s documented here http://www.tinymce.com/wiki.php/Configuration3x:theme_advanced_buttons_1_n.

Example:

The code in the example is not tested, but it should work. It will show an editor with the buttons for Bold, Italic and Underline at the top.

tinyMCE.init({
  mode : "textareas",
  theme : "advanced",
  theme_advanced_toolbar_location : "top",
  theme_advanced_buttons1 : "bold,italic,underline",
  theme_advanced_buttons2 : "",
  theme_advanced_buttons3 : ""
});

So the answer would be: one cannot move the buttons when using theme : simple.