[Gelöst] Bestimmte CSS Klassen im Template auslesen

[Franko]

Hallo,
benötige Anregungen zu PHP Umsetzung.
Ich möchte bestimmte CSS Klassen die im Backend definiert sind auslesen und z.B. dann für data attribute heranziehen.

Angenommen im Template "block_searchable.html5" beinhaltet "this->css" folgende Angaben:

"myClass1 myClass2 cat-11 myClass3 cat-22 myClass4 cat-33"

Nun möchte ich alle Values innerhalb von "cat-" und " " auslesen. Zum Test:

<?php

$str="myClass1 myClass2 cat-11 myClass3 cat-22 myClass4 cat-33";
$pattern="/cat-(.*?) /";

preg_match_all($pattern, $str, $matches);
print_r($matches);

Diese Vorgehensweise berücksichtigt dann aber leider nicht den letzten Eintrag "cat_33" da dieser am Ende ja kein Leerzeichen/Space beinhaltet.
Hat jemand dazu evtl. ein Pattern das greift?
Ansonsten muß ich auf andere Delimiter ausweichen ...

Danke

Update/Gelöst:
Siehe https://community.contao.org/de/show...l=1#post501098

[Toflar]

Abgesehen davon, dass das nach Workaround stinkt: Was hättest du gerne als Resultat? Nur "33"?

[Franko]

Abgesehen davon, dass das nach Workaround stinkt: Was hättest du gerne als Resultat? Nur "33"?

Hm,
Nein nicht nur "33" sonder auch ...

ich möchte https://github.com/giotiskl/filterizr / https://yiotis.net/filterizr/ einsetzen.
Hier werden data attribute ( "data-category=" ) zur Kenzeichnung der Filter Kategorien benötigt.

Diese möchte quasi via Backend eingeben können und über das modifizierte template dann entsprechend ausgeben.
Also später sowas wie "<div class="filtr-item" data-category="1" ...", <div class="filtr-item" data-category="myCategory1, myCatergory2" ...", etc..

[Franko]

Anstelle des Leerzeichen am Ende nutze ich jetzt einfach ein "-":

<?php 

$str="myClass1 myClass2 cat-11- myClass3 cat-22- myClass4 cat-33-"; 
$pattern="/cat-(.*?)-/"; 

preg_match_all($pattern, $str, $matches); 
print_r($matches);

Falls jemand eine Idee hat wie das Pattern dennoch mit " " funktionieren könnte - Gerne ...

[Toflar]

Äh, ich schreib dir die Regex aber könntest du mir einfach sagen, was du gerne haben möchtest?

$str="myClass1 myClass2 cat-11- myClass3 cat-22- myClass4 cat-33-";  

$result = []; // was soll in diesem array stehen? 

[Franko]

Äh, ich schreib dir die Regex aber könntest du mir einfach sagen, was du gerne haben möchtest?

Hi, nett das Du antwortest.
Mit

$str="myClass1 myClass2 cat-11- myClass3 cat-22- myClass4 cat-33-";  
$pattern="/cat-(.*?)-/"; 

klappt es ja. Alles weitere krieg ich schon hin.
Mich interessiert halt nur wie man es lösen könnte das ich bei z.B. "myClass1 cat-abc myClass2 cat-def" alle Werte (hier "abc" und "def") erhalte.

Mit

$pattern="/cat-(.*?) /"; 

klappt es nicht - hier bekomme ich nur "abc" zu fassen aber nicht "def", da da am Ende ja auch kein Leerzeichen vorhanden ist ...

Danke

[Franko]

Nachtrag,
oder wie geht Ihr mit custom data attributen um (ohne Erweiterung oder "RockSolid Custom Elements" ) ...

[Ainschy]

Wäre es nicht leichter mit einer kleinen Erweiterung den DCA von CE und MOD um die Eingabe von Data-Attribute zu erweitern?

[fiedsch]

Für den RegEx: Du benötigst \b (word boundary; siehe z.B. https://www.regular-expressions.info...oundaries.html) oder (falls ich Dein Problem richtig verstanden habe und Du nach den Zahlen suchst) solltest Du anstelle . (beliebiges Zeichen) explizit nach \d (Ziffer) suchen

Damit hättest Du dann etwas wie

$pattern="/cat-(.+)\b/"; 

oder m.E. klarer formuliert

$pattern="/cat-(\d+)/"; 

das die folgenden Leerzeichen oder das Ende des Strings keine \d sind.

[Franko]

$pattern="/cat-(\d+)/"; 

Perfekt - Das klappt mit den Ziffern Beispielen ...
Danke

Allerdings nicht für Einträge ala "myClass1 cat-Kategorie1 myClass2 cat-Kategorie2" - auch nicht mit $pattern="/cat-(.+)\b/";

[Franko]

Wäre es nicht leichter mit einer kleinen Erweiterung den DCA von CE und MOD um die Eingabe von Data-Attribute zu erweitern?

Hier wurde das schon mal angesprochen:
https://github.com/contao/core/issues/7407

[fiedsch]

Allerdings nicht für Einträge ala "myClass1 cat-Kategorie1 myClass2 cat-Kategorie2" - auch nicht mit $pattern="/cat-(.+)\b/";

Es liegt wohl daran, was bei \b als "word" und damit als Grenze betrachtet wird. Ein anderer Ansatz wäre dann

$pattern="/cat-(.+)[\s|$]/"; 

lies: cat-(gefolgt von mehreren Zeichen)[gefolgt von einem Leerzeichen oder dem Ende des Strings]

Auch das: garantiert ungetestet™ und wie @toflar schon schrieb: irgendwie fühlt sich dieser Lösungsansatz falsch an.

[Franko]

Auch das: garantiert ungetestet™ und wie @toflar schon schrieb: irgendwie fühlt sich dieser Lösungsansatz falsch an.

Hi,
leider klappte ( $pattern="/cat-(.+)[\s|$]/"; ) auch nicht.

Aber das:

$pattern="/cat-(.+?)\b/"; 

Vielen Dank fiedsch für die Anregungen ...

Und naja, es ist halt eine normale Template Änderung -
mit einer Konvention über die Eingabe innerhalb der CSS Klassen Definition.
Damit kann ich leben :-)

[fiedsch]

War wohl noch nicht ganz wach :-(

Was ich bei [\s|$] im Sinn hatte war (\s|$), denn ich suche ja nicht nach \s oder | oder $.

Damit funktioniert es dann auch, aber Du bekommst über die Gruppierung einen weiteren Eintrag in $matches.

$str = 'myClass1 myClass2 cat-11 myClass3 cat-22 myClass4 cat-33';
$pattern='/cat-(.+?)(\s|$)/';
preg_match_all($pattern, $str, $matches);
print_r($matches); 

ergibt

Array
(
    [0] => Array
        (
            [0] => cat-11 
            [1] => cat-22 
            [2] => cat-33
        )

    [1] => Array
        (
            [0] => 11
            [1] => 22
            [2] => 33
        )

    [2] => Array
        (
            [0] =>  
            [1] =>  
            [2] => 
        )

)

Meine erste Idee (in #9) war schon richtig, und zudem ist sie einfacher als obiges, nur hatte dort das ? (für non greedy) gefehlt.

Außerdem sollte das Pattern wohl am besten in ' (anstelle ") geschrieben werden, damit \ ggf. erhalten bleiben (Bsp. "\n" vs. '\n').

[Franko]

War wohl noch nicht ganz wach :-(
Meine erste Idee (in #9) war schon richtig, und zudem ist sie einfacher als obiges, nur hatte dort das ? (für non greedy) gefehlt.
Außerdem sollte das Pattern wohl am besten in ' (anstelle ") geschrieben werden, damit \ ggf. erhalten bleiben (Bsp. "\n" vs. '\n').

Ausgezeichnet,
Nutze ich jetzt so

$delimiter = "cat-";
$pattern = '/'.$delimiter.'(.+?)\b/i';  
preg_match_all($pattern, $subject, $matches, PREG_PATTERN_ORDER, 0);
print_r($matches); 

Danke
Franko

[Franko]

Hier das vollständige Template "block_searchable.html5":

<?php
// Compare the CSS definition with a pattern and set the results as HTML Data attributes

$strDelimiter = "DATA-";
$strPattern = '/'.$strDelimiter.'(.+?)\b/i';  
$strDataAttr = "data-category"; 

$strCSS = $this->class; // default CSS output

// only if pattern matches
if ( substr_count($strCSS, $strDelimiter) > 0 ) {

  // find all substrings between pattern in string
  preg_match_all($strPattern, $strCSS, $arrMatches, PREG_PATTERN_ORDER, 0);

  for( $i = 0; $i <= count($arrMatches); $i++) {
    // cleanup full matches ( incl. delimiter ) from orginal CSS string 
    $strCSS = str_replace($arrMatches[0][$i], "", $strCSS);          
      
    // get matched values only
    $arrMatchedValues[] = $arrMatches[1][$i];      
  }    
    
  // complete data attribute
  $strData = $strDataAttr.'="'.rtrim(implode(", ", $arrMatchedValues), ", ").'"';
  
}
?>

<div class="<?= $strCSS ?> block"<?= $strData ?><?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

  <?php $this->block('headline'); ?>
    <?php if ($this->headline): ?>
      <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
    <?php endif; ?>
  <?php $this->endblock(); ?>

  <?php $this->block('content'); ?>
  <?php $this->endblock(); ?>

</div>

Bei Angabe der CSS Klasse(n) von z.B.: "filter-item DATA-category1 DATA-category2" in einem Inhaltselement "Text" erhält man dann:

...
<div class="ce_text filter-item first last block" data-category="category1, category2" id="myID">
...