Coding guidelines for reST files 

Basic formatting rules 

Encoding 

  • use utf-8

Whitespace and indentation 

  • remove white space from the end of lines (= no trailing tabs or spaces)
  • don't use tabs
  • one indentation level of reST consists of four spaces
  • code examples indent with two spaces, whatever the language they are written in. An example that nests a few levels deep still has to fit the line length below, and four spaces per level spends that budget on white space. This is the one point where the documentation departs on purpose from the indentation a language uses in a real project, PSR-12 included
  • directive and hyperlink target markers use two spaces after .. , e.g. .. note:: or .. _label:
  • list markers are followed by enough spaces to line up item text at a 4-space column: 3 spaces after a single-character marker ( * , - ), 2 spaces after a two-character enumerator ( #. , 1. ), 1 space after longer enumerators ( 10. )

Example:

..  image:: /_Images/a4.jpg
    :alt: Left floating image
    :target: https://typo3.org
    :class: with-shadow
Copied!
  • lines 2-4 must be indented one level (4 spaces)

Line length 

  • Keep lines shorter than 80 characters.
  • if in doubt about the length: use short lines!

    • That way reST is readable as source as well
    • Files can be easily edited directly on GitHub
    • Files can be compared in a diff view

.editorconfig 

Most of our documentation projects contain an .editorconfig file.

Use this file to setup your editor / IDE correctly. With some, everything will just work automatically. With others, you will need to download a plugin. This is explained on the Editorconfig page.

The file below is the master copy. Every documentation repository uses it unchanged, so that a change of style is made in one place and copied out:

.editorconfig
# EditorConfig is awesome: https://EditorConfig.org

# Master copy, used unchanged by every TYPO3 documentation repository:
# https://github.com/TYPO3-Documentation/TYPO3CMS-Guide-HowToDocument

root = true

# Code examples indent two spaces, whatever the language, so that a nested
# example still fits the line length the prose around it is wrapped to
[*]
charset = utf-8
end_of_line = lf
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true

# reStructuredText is the exception: one indentation level is four spaces
[{*.rst,*.rst.txt}]
indent_size = 4
max_line_length = 80

[*.md]
max_line_length = 80

# Makefiles do not work without real tabs
[{Makefile,_Makefile,**.mk}]
indent_style = tab

# In a patch a leading or trailing space is content, not whitespace
[*.diff]
trim_trailing_whitespace = false
Copied!

It instructs your editor / IDE to:

  • use utf8 as encoding (line 11)
  • use spaces instead of tabs (line 13)
  • indent code examples with two spaces (line 14) and reST with four (line 20)
  • remove trailing whitespace (line 16)
  • keep the tabs in a Makefile, which does not work without them (line 28)

Special characters 

The only way to include "special" characters is to use them directly

Headline underlining 

In reStructuredText it is possible to use any type of underlining. The first used will be recognized as level 1 etc.

However, adhering to the standard for TYPO3 documentation makes it easier for other contributors to find their way around a file and pick the correct underlining for the header level.

Use the conventions for headlines.

This underlining is used per (.rst) file. It does not matter where in the toctree the file is. You always start with underlining for level 1 (title) in each file:

========
1. Title
========

2. Header Level 1
=================

3. Header Level 2
-----------------

4. Header Level 3
~~~~~~~~~~~~~~~~~

5. Header Level 4
"""""""""""""""""

6. Header Level 5
'''''''''''''''''

7. Header Level 6
^^^^^^^^^^^^^^^^^

8. Header Level 7
#################

etc.
Copied!

How to add version hints 

Example, how you can point out deprecations:

.. deprecated:: 10.2
   The hook shown here is deprecated since TYPO3 10.2 - use a custom
   :ref:`PSR-15 middleware<request-handling>` instead.
Copied!

New feature:

.. versionadded:: 10.2
   Starting with TYPO3 10.2 hooks and signals have been replaced by a PSR-14 based
   event dispatching system.
Copied!

Changes:

.. versionchanged:: 2.3.1
   This feature was changed ...
Copied!

For more information, see the open issue:

Referring to GUI elements 

Use text role guilabel for any label that is visible in the GUI: a backend module, a tab, a button, a field, or a menu entry. If you describe several of these being selected or clicked one after the other, use > as separator inside a single :guilabel: .

Examples:

Select :guilabel:`File > Open`
Copied!
How it looks:
Select File > Open
Click on :guilabel:`ADMIN TOOLS > Extensions` in the backend.
Copied!
How it looks:
Click on ADMIN TOOLS > Extensions in the backend.
Manage extensions in the :guilabel:`Extension Manager` module.
Copied!
How it looks:
Manage extensions in the Extension Manager module.

Only use :guilabel: for elements the reader can actually find in the GUI. Names that only exist in an example, such as a module the example registers, are no such labels: write them in italics instead. The strong highlighting of :guilabel: would make them stand out and suggest a real element of the backend.

The example registers a *Conference* module with the submodules *Talks*
and *Speakers*.
Copied!
How it looks:
The example registers a Conference module with the submodules Talks and Speakers.

Refering to keystrokes 

When pointing out keyboard shortcuts or keystroke sequences, use text role kbd.

Example:

Press :kbd:`ctrl` + :kbd:`s`
Copied!
How it looks:
Press ctrl + s