XF 1.5 Change template editor tab indent?

[Parsnip]

Does anybody know if it's possible to change the tab indent width in the template editor?

Thanks.

 

[Arty]

No, its simple textarea element, not a proper editor.

I suggest to edit templates via WebDav instead. Then you can use your favorite editor to edit files. See https://xenforo.com/community/resources/edit-xenforo-templates-using-editor.1433/

 

[Chris D]

Yes.

Most browsers now have support for the CSS property tab-size.

Unfortunately however you would likely have to use a browser extension to affect this in the Admin CP as there is no concept of editable styles there.

You could enable debug mode and modify the CSS directly but this will be often overwritten such as when master data is rebuilt or when you upgrade XF.

There are browser extensions though that can allow you to automatically inject custom CSS to certain web pages so this would be easy enough to do:

textarea.textCtrl.code
{
    tab-size: 4;
}

Something like that should work.

 

[Parsnip]

I ended up adding this to the template_edit.css admin template in the debug mode Development panel:

textarea.textCtrl.code
{
    -moz-tab-size: 3;
      -o-tab-size: 3;
         tab-size: 3;
}

 

[Parsnip]

If you'd like this to also apply in Template Modifications, then add the same code to base_template_modification.css