.. include:: ../../Includes.txt
.. highlight:: html
JavaScript and Fluid Inline Syntax
==================================
When Fluid ViewHelpers are used in mixed templates containing complex
JavaScript blocks, you might come across a situation in which a ViewHelper
using inline syntax doesn't get interpreted.
This is usually caused by the Fluid parser detecting one or more of the
JavaScript expressions as so-called accessors which normally would indicate a
variable should be rendered. When this happens, the internals of Fluid may not
properly detect ViewHelper calls that follow the block that was parsed as
accessor but was JavaScript.
In this case you can manipulate the JavaScript block to prevent it from being
detected as accessor. There are several ways you can achieve this: by using a
normal ViewHelper, or by wrapping the JavaScript part in a CDATA block, or by
disrupting the detection of beginning and closing curly braces.
Problem
-------
::
Some dumb text
Lorem ipsum
The ViewHelper in the following line is not interpreted but ignored by Fluid::
Solutions
---------
- Prevent Fluid from detecting the JavaScript as if it were Fluid by adding
disrupting markup. For example::
myFunction = function () {
This comment is here to prevent Fluid's parser from detecting the content of brackets
// some simple JS that would otherwise be detected by Fluid
foo()
};
- Disrupt detection of opening and closing curly braces::
myFunction = function () {
// some simple JS that would otherwise be detected by Fluid
// IMPORTANT! f:comment cannot be used here, it has to be a VH that allows the tag body to output!
foo()
};
- Wrap the JavaScript part in CDATA::
- Wrap the JavaScript block using the :ref:`f:format.cdata `
ViewHelper::