In dieser kurzen Anleitung wird erklärt, wie man die geschweiten Klammern (Die eigentlich im Fluid als Variablenmarkierung genutzt werden) escapen kann.
Mir ist dieses Problem als erstes aufgetreten, als ich OpenStreetMap (OSM) mit den Variablen der JS Library im Fluid-Template meiner Seite einsetzen wollte. Vorher sah die Link-Ausgabe (fehlerhaft) so aus:
api.mapbox.com/styles/v1//tiles///
Obwohl die Abfrage im HTML Code meines Fluid Templates so aussieht:
api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}
Damit die {z}, {x}, etc. Variablen vom Fluid ignoriert werden, müssen die Klammern mit f:format.raw umschlossen werden. hier ein Beispiel:
api.mapbox.com/styles/v1/<f:format.raw>{</f:format.raw>id<f:format.raw>}</f:format.raw>/tiles/<f:format.raw>{</f:format.raw>z<f:format.raw>}</f:format.raw>/<f:format.raw>{</f:format.raw>x<f:format.raw>}</f:format.raw>/<f:format.raw>{</f:format.raw>y<f:format.raw>}</f:format.raw>
Wenn man nun den generierten Link im JS untersucht, werden die JS Variablen eingefügt, ohne, dass Fluid dazwischen geht:
api.mapbox.com/styles/v1/mapbox/light-v10/tiles/3/3/2