Tiny MCE: How to allow people to indent

Question

I'm trying to find out how to allow people to indent in Tiny MCE editor. Right now, whenever someone presses tab they just move into the next field. Is there any piece of code that will allow them to actually hit tab and have it create a tab for a new paragraph.

Answer 1

For newer versions of Tiny MCE editor the following solution worked for me:

setup: function(ed) {
    ed.on('keydown', function(event) {
        if (event.keyCode == 9) { // tab pressed
          if (event.shiftKey) {
            ed.execCommand('Outdent');
          }
          else {
            ed.execCommand('Indent');
          }

          event.preventDefault();
          return false;
        }
    });
}

Answer 2

It can be done via nonbreaking plugin available in tinymce

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "nonbreaking",
  mewnubar: "insert",
  toolbar: "nonbreaking",
  nonbreaking_force_tab: true
});

details can be found on https://www.tinymce.com/docs/plugins/nonbreaking/

Answer 3

Thariama's solution didn't quite work for me. I agree with Jon Hulka's fix. This seems to work fine on Firefox (mac+pc), Chrome (mac+pc) and Internet Exploder. It's not perfect, but I find it very usable and acceptable. Thanks Jon

So, to wrap op Jon's solution:

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onKeyDown.add(function(ed, evt) {
          if (evt.keyCode == 9){
            ed.execCommand('mceInsertContent', false, '  ');
            evt.preventDefault();
          }
      });
   }
});