adx_less

TYPO3-adx_less

Übersicht

Diese TYPO3-Erweiterung enthält den LESS-Compiler http://lessphp.gpeasy.com/, der mit Bootstrap 3.3.x kompatibel ist.

• Unterstützt einen Haken für \TYPO3\CMS\Core\Page\Page\PageRenderer, der LESS-Dateien für includeCSS kompiliert
• eine Funktion für USER-Objekt
• haken für rtehtmlarea, tinymce_rte und tinymce4_rte
• und ein ViewHelper für Fluid.

Um kompilierte Dateien zu löschen oder zu regenerieren, gehen Sie zu den "Flush general Caches".

TypoScript

TypoScript-Eigenschaften

Konfiguration

plugin.tx_adxless {

    variablen {
        schön blau = #5B83AD
        hellblau = @nice-blau + #111
    }

    # Kommagetrennte Zeichenkette oder Array mit Pfad => Verzeichnis.
    # @see http://lessphp.gpeasy.com/
    importDirectories = 
}

Wichtig! Die Eigenschaft lessphp wurde seit v1.1.1.1 entfernt. Setzen Sie plugin.tx_adxless < plugin.tx_adxless.lessphp im TypoScript für Abwärtskompatibilität.

USER-Objekt

seite.headerData.1367742474 = COA
seite.headerData.1367742474 {

    # Setzen Sie das USER-Inhaltsobjekt an die gewünschte Stelle. Die Funktion includeCss erzeugt die CSS-Datei und hängt sie mit dem PageRenderer an.
    10 = BENUTZER
    10.userFunc = AdGrafik\AdxLess\Utility\LessUtility->includeCss enthalten
    10.compilerSettings =< plugin.tx_adxless
    10.includeCssSettings {
        material = Druck
    }
    10.datei = EXT:adx_less/Ressourcen/Private/LESS/Example/Styles.less
    10.daten (
körper {
  grenze: 1px solid @nice-blue;
}
)
}

ViewHelper

Gibt geparstes LESS als CSS zurück.

{namespace less=AdGrafik\AdxLess\ViewHelpers}
<less:comple data="[string]" variables="[array]""[array]" />
<less:compileAndInclude data="[string]" variables="[array]"[array]"" />

ViewHelper Eigenschaften

für weniger:compile

zusätzlich für weniger:compileAndInclude

Haken

PageRenderer

page.includeCSS.styles = Pfad/zu/my/style-file.less

tinymce_rte

RTE.default.init.content_css = path/to/my/style-file.less

oder anhängen von multiplizierten Dateien

RTE.default.init.content_css = Pfad/zu/my/style-file-1.less,Pfad/zu/my/style-file-2.less,Pfad/zu/my/style-file-3.less

tinymce4_rte

RTE.default.contentCSS = Pfad/zu/my/style-file.less

oder anhängen von multiplizierten Dateien mit kommagetrennten Zeichenketten

RTE.default.contentCSS = Pfad/zu/my/style-file-1.less,Pfad/zu/my/style-file-2.less,Pfad/zu/my/style-file-3.less

oder anhängen von multiplizierten Dateien mit dem Schlüssel

RTE.default.contentCSS {
    file1 = Pfad/zu/mir/style-file-1.less
    file2 = Pfad/zu/mir/style-file-2.less
    file3 = Pfad/zu/mir/style-file-3.less
}

rtehtmlarea

RTE.default.contentCSS = Pfad/zu/my/style-file.less

Verwendung in Erweiterungen

// Objekt erstellen
$less = GeneralUtility::makeInstance('AdGrafik\\AdxLess\\Less');
/ / Holt die Konfiguration der Erweiterung. Erlaubte Parameter sind cObject oder PID.
$configuration = AdGrafik\AdxLess\Utility\LessUtility::getConfiguration($GLOBALS['TSFE']->cObj);
// Kompilieren Sie die LESS-Datei. Gibt den Dateipfad der geparsten LESS-Datei zurück.
$pathAndFilename = 'path/to/my/style-file.less';
$compiledPathAndFilename = $less->compile($pathAndFilename, $configuration);