Support a literal Tab

TipTap currently does not support a literal tab charicter when you press tab (particularly annoying in a code block), the browser will move focus to the next input on the page. This should probably be the default behaviour, see:

https://discuss.prosemirror.net/t/tab-stops/225 https://discuss.prosemirror.net/t/parsedom-for-tab/723

However maybe include a standard extension (such as below) to add support, note that due to https://github.com/ueberdosis/tiptap-next/issues/115 this would need to be after the list extensions as you would want the standard tab indent behaviour for them.

import { Extension } from '@tiptap/core';

export const LiteralTab = Extension.create({
  name: 'literalTab',

  addKeyboardShortcuts() {
    return {
      Tab: () => {
        console.log('test');
        return this.editor.commands.insertText('\t')
      }
    }
  }

})

[iamursky]

Here is my solution that allows to insert tabs while editing the text in code block:

import BaseCodeBlock from "@tiptap/extension-code-block";

export const CodeBlock = BaseCodeBlock.extend({
  addKeyboardShortcuts() {
    return {
      Tab: () => {
        if (this.editor.isActive("codeBlock")) {
          return this.editor.commands.insertContent("\t");
        }
      },
    };
  },
});

[hanspagel]

I think we should focus on building the CodeMirror extension, before we try to improve the CodeBlock extension. Closing this here for now. ✌️