{"id":723,"date":"2011-11-15T21:38:17","date_gmt":"2011-11-15T20:38:17","guid":{"rendered":"https:\/\/sgaul.de\/?p=723"},"modified":"2014-12-19T17:04:04","modified_gmt":"2014-12-19T16:04:04","slug":"javascript-und-css-in-extbase-backend-modul-einbinden","status":"publish","type":"post","link":"https:\/\/sgaul.de\/2011\/11\/15\/javascript-und-css-in-extbase-backend-modul-einbinden\/","title":{"rendered":"Javascript und CSS in Extbase-Backend-Modul einbinden"},"content":{"rendered":"<p>Leider sind Extbase und Fluid bis heute nicht wirklich fl\u00e4chendeckend dokumentiert und so ist es oft nicht gerade einfach auf eigentlich simple Fragen eine Antwort zu bekommen. So bietet Fluid f\u00fcr Typo-3-Backendmodule einen tollen Viewhelper, was dieser aber kann steht leider nirgendwo geschrieben.<!--more--><\/p>\n<h2>BE-Gestaltung mit CSS-Datei<\/h2>\n<p>Um eine CSS-Datei einzubinden \u00fcbergibt man dem Fluid-BE-Container einen weiteren Parameter:<\/p>\n<pre>&lt;f:be.container\r\n addCssFile=\"{f:uri.resource(path:'CSS\/style.css')}\"&gt;\r\n &lt;!-- Content --&gt;\r\n&lt;\/f:be.container&gt;  <!-- Content -->\r\n<\/pre>\n<p>Die obige Notation bindet dann <code>Resources\/Public\/CSS\/style.css<\/code> aus eurem Extension-Verzeichnis ein.<\/p>\n<h2>Javascript<\/h2>\n<p>Mit Javascript geht es ebenso einfach:<\/p>\n<pre>&lt;f:be.container\r\n addJsFile=\"{f:uri.resource(path:'js\/scripts.js')}\"&gt;\r\n &lt;!-- Content --&gt;\r\n&lt;\/f:be.container&gt;<\/pre>\n<p>Der Code wird automatisch mit anderem JS zusammengefasst und komprimiert.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leider sind Extbase und Fluid bis heute nicht wirklich fl\u00e4chendeckend dokumentiert und so ist es oft nicht gerade einfach auf eigentlich simple Fragen eine Antwort zu bekommen. So bietet Fluid f\u00fcr Typo-3-Backendmodule einen tollen Viewhelper, was dieser aber kann steht leider nirgendwo geschrieben.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[91],"tags":[38,238,239,158,174],"_links":{"self":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/723"}],"collection":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":7,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/723\/revisions"}],"predecessor-version":[{"id":2722,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/723\/revisions\/2722"}],"wp:attachment":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/media?parent=723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/categories?post=723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/tags?post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}