Anyway to override the tab behavior on full composer?

cat

GDScript is an important topic in my forum, and it's a tab based programming language. However pressing tab in moves the focus to another elements instead of adding tab to the code. Is there a way to override this? At least when the users is doing a full reply

PitaJ

Put this in your Custom Javascript in the ACP:

$(() => app.require('hooks').then((hooks) => {
  hooks.on('action:composer.enhanced', ({ postContainer }) => {
    postContainer.find('textarea.write').on('keydown', function (e) {
      if (e.key == 'Tab') {
        e.preventDefault();
        var start = this.selectionStart;
        var end = this.selectionEnd;
  
        // set textarea value to: text before caret + tab + text after caret
        this.value = this.value.substring(0, start) +
          "\t" + this.value.substring(end);
  
        // put caret at right position again
        this.selectionStart =
          this.selectionEnd = start + 1;
      }
    });
  });
}));

<baris>

@julian has a javascript module that enhances textareas https://julianlam.github.io/tabIndent.js/. Maybe he should make that into a nodebb plugin or make it a setting in composer-default

PitaJ

Put this in your Custom Javascript in the ACP:

$(() => app.require('hooks').then((hooks) => {
  hooks.on('action:composer.enhanced', ({ postContainer }) => {
    postContainer.find('textarea.write').on('keydown', function (e) {
      if (e.key == 'Tab') {
        e.preventDefault();
        var start = this.selectionStart;
        var end = this.selectionEnd;
  
        // set textarea value to: text before caret + tab + text after caret
        this.value = this.value.substring(0, start) +
          "\t" + this.value.substring(end);
  
        // put caret at right position again
        this.selectionStart =
          this.selectionEnd = start + 1;
      }
    });
  });
}));