Hi,

I'm missing this button for indentation. In the past, we could add indentation to any text.

May I create a button for this for the new editor?

Cheere,

Ibai

There isnt one on the new editor at present. You could indeed create a new plugin for tiptap if you wanted to do this.

Okey thanks @Marc !

Is anyone that could help with this plugin? I saw this topic from @GfxMan about the spoiler button that worked perfectly:

You would need a 3rd party developer to assist with this. We would not assist with modification of the software

Let's see if @Matt Finger has any idea of this third party button code :-)

I think we could simply add a <ul> without <li>

Better IC5 customization documentation and guides are nearing the top of our todo list, however there is a guide on editor extensions posted back when IC5 was still in beta. There are links there to tiptap extensions which I'd suggest reading first.

On 4/23/2025 at 6:52 AM, Ibai said:

I'm missing this button for indentation. In the past, we could add indentation to any text.

May I create a button for this for the new editor?

As my colleague Marc mentioned, we don't officially support customizations like this as they are considered third party. However, to provide some rough guidance on indenting any text

• You'd be best off creating an app so that you can add parser classes and supporting CSS

• As far as the specific editor extensions, you only need one (ips.ui.editorv5.registerNode) extension

• The html output of the node would look something like <div class="indentedBlock"> ... </div>. This node would need to specify content: 'block+', meaning it contains things like paragraphs, boxes and other indented blocks

• The extension can define its own buttons, so I'd add one for indentation and one for outdentation. You can also add keyboard shortcuts if desired in the extension

• The tricky part will be evaluating, essentially, editor.state to determine what should be indented based on the selection. It'll likely take some trial and error but I doubt it'd be too complicated; just remember that if a list is already in the selection you can indent just the list with the sinkListItem and liftListItem commands

  • For the editor.state logic, note that the state is a ProseMirror state, so you'll need to refer to those docs for better understanding of how it works

The above can be disregarded if you only want a couple buttons to indent/outdent lists, which can just use the aforementioned list commands.

Also, fwiw Tab and Shift + Tab already handle this behavior for lists and insert a \t tab character elsewhere. In Code Blocks, you can also select multiple lines to group indent/outdent too. Just a friendly reminder as you will probably want to consider the existing indent/tab behavior.

Hi @Matt Finger thanks for your tips, though I'm not sure I'll be able to do this hehe.

Anyhow, I cannot se the attached link. It says I dont have permission. Can you check?

8 minutes ago, Ibai said:

Anyhow, I cannot se the attached link. It says I dont have permission. Can you check?

Try now