Fluid support for PHPStorm and IntelliJ IDEA Ultimate

To support the daily work with the Fluid template language we created this plugin for the popular IntelliJ IDEs – IntelliJ IDEA Ultimate and PHPStorm – from Jetbrains. The Fluid plugin therefore provides the IDE support which was missing until now. It includes features such as auto-completion, error detection, syntax highlighting and much more for PhpStorm, WebStorm and other IntelliJ IDEs from Jetbrains. Available versions of the plugin and all features can be seen below.

Fluid-Support für PHPStorm und IntelliJ Ultimate Screenshot

Buy licenses now
from €29,99

To the shop
Get from Marketplace

Compatibility

TYPO3 Versions 7.6.X | 8.7.X | 9.5.X | 10.4.X | 11.5.X | 12.4.X
IDE Versions
from 2022.2

PhpStorm
IntelliJ IDEA Ultimate
Fluid Plugin Changelog

A comparison of the editions

Features

Demo

Enterprise version

Free of charge

from 29,99 €
Download
To the shop

Autocomplete for tags

Quick documentation for tags

Error detection for tags

Jump directly to the correct files (Tags)

Fluid Namespace Support

Auto-completion for assigned variables inside of the Extbase action

Jump directly to the Extbase action on click of a variable

Auto-completion for inline syntax

Quick documentation for inline syntax

Error detection for inline syntax

Jump directly to the correct files (inline syntax)

Syntax Highlighting and Brace Matching for Inline Syntax

Support of Open Source projects

Without advertising

The Features

Auto-completion

To facilitate work across file boundaries, the plugin analyzes fluid code throughout the project and is able to offer helpful suggestions for auto-completion. This currently offers support for layouts, partials, sections, ViewHelper, Viewhelper arguments and controller view parameters.

The Fluid Plugin offers useful suggestions in autocomplete
With the key combination Ctrl + Q the documentation of the selected symbol can be displayed at any time

Quick documentation

With the key combination Ctrl + Q (Ctrl + J under OSX) the documentation of the currently selected symbol can be displayed in a popup window at any time.

Jump directly to the right files

Thanks to the Fluid plugin, the files you are looking for are only one click away. When using partials, layouts, templates or sections, you can jump directly to the place where they are defined with Ctrl + Click. Even if the definition is in another file. This jump function is not only possible within fluid files, but also to associated view helpers and controller methods.

With Ctrl + click you can jump to the line of code that defines the selected element. Also beyond file sizes.
Also with the use of the Inline syntax a meaningful Highlighting, as well as Brace Matching is offered

Syntax Highlighting and Brace Matching for Inline ViewHelper

When using Inline-ViewHelpers, the clarity and readability of the code often suffers. The nesting makes it more difficult to recognize where certain constructs start, or to stop and quickly avoidable nesting or syntax errors creep in. The Fluid Plugin provides language-optimized highlighting and brace matching, so that these errors become visible as soon as the code is written and can be avoided directly.

Error detection

The Fluid-Plugin is very familiar with the peculiarities of the language and thus recognizes syntax errors even in places where this was not possible with the IntelliJ board means up to now.

Errors are detected and highlighted while writing

Das Fluid-Plugin im Einsatz

Fluid-Support für PHPStorm und IntelliJ IDEA Ultimate

Roadmap & Licence

Roadmap

The Fluid-Plugin for IntelliJ IDEs – IntelliJ IDEA Ultimate and PHPStorm – from Jetbrains is permanently developed and improved. Note that the Fluid plugin requires the PHP IDE plugin. The following features are already planned for the upcoming versions.

Are you missing a feature or do you have suggestions for improvement? – You are welcome to contact us or create a ticket in our bugtracker.

  • Check whether all layout sections are used in the templates.
  • Resolve layoutpath, partialpath, and templatepath assigned variables (requires parallel use of TypoScript plugins)
  • Checking the type safety of ViewHelper arguments
  • Configurable syntax highlighting
  • IDE support for Inline-ViewHelper outside arguments
  • @SuppressWarnings("unchecked") statement support
  • Warning for actions that are not assigned to a template
  • Warning for templates that are not assigned to a layout

License

The usage of the Enterprise Version (ad-free) requires the payment of a fee. The Base Version can be used free of charge. With the purchase of the Enterprise Version you not only support the future development of the SGC, but also our contributions to numerous other OpenSource projects.

License Details

FAQ

Warning: Namespace „f” is not bound

Illustration: Namespace f is not bound

This is a warning directly from the editor and not from Fluid-Plugin. Unfortunately, we cannot prevent the error by default. However, there are various ways to deal with it.

One easy trick to do is to hide the warning for all files.

  1. Click with the left mouse button on the namespace.
  2. Now use the key combination "Alt + Enter" and press the right arrow key for the element shown.
  3. Select "Disable inspection" from the open list.

Another approach is to define the namespaces.

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<f:render partial="..."/>

</html>

Doing so is also useful if custom view helpers or other view helpers are used.

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
xmlns:cv="http://typo3.org/ns/My/Own/Viewhelper/Namespace
data-namespace-typo3-fluid="true">

<f:render partial="..."/>

cv:foo/

</html>

Contact us

Our Fluid plugin for IntelliJ IDEs has convinced you, and you would like to realize your TYPO3 project or another web project or your individual software idea together with us? – Then get in touch for a non-binding offer!

To contact form