Tinymce on tab press make : symbol in same line

user_5600452 0
Viewed 468

I am using tinymce editor, what I want is when user press tab button before: symbol it should be string alignment. For reference please check screenshot. enter image description here

tinyMCE.init({
    selector: 'textarea',
    indentation : '60pt',
    plugins: 'textcolor print preview importcss searchreplace autolink autosave save directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable',
    paste_as_text:true,
    //menubar: false,
    toolbar: 'bold italic underline strikethrough superscript subscript | fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist checklist | forecolor backcolor',
    nonbreaking_force_tab: true

});

enter image description here

tinymce editor html jquery javascript
1 Answers

You can listen to the Tab key and add 4 spaces. Check the fiddle for a working example. Documentation

tinymce.init({
  selector: '#mytextarea',
  init_instance_callback: function(editor) {
    editor.on('keydown', function(e) {
        if(e.keyCode == 9){
          e.preventDefault();
          tinymce.activeEditor.execCommand('mceInsertContent', false, "    ");
        }
    });
  }
});
user_17585230
Related