Hinzufügen von font awesome i class in Drupal Links System
Eingetragen von tom909 (44)am 30.07.2014 - 13:17 Uhr in
Hi Drupalfreunde,
Ich habe ein Problem, dass mich etwas verwirrt.
Es gibt die Möglichkeit mit font awesome simpel einfach einzufügen wo auch immer man ein Icon benutzen will.
Nach etwas längerer Suche habe ich auch einen netten Hook gefunden für mein theme welches mit Bootstrap 3.x erstellt habe und nutze folgenden Code:
<?php
function my_bootstrap_link($variables) {
$variables['options']['html'] = TRUE;
dpm($variables);
return '<a href="' . check_plain(url($variables['path'], $variables['options'])) . '"' . drupal_attributes($variables['options']['attributes']) . '>' . ($variables['options']['html'] ? $variables['text'] : check_plain($variables['text'])) . '</a>';
}
?>Dieser Code ermöglicht mir ganz einfach Titel von Links entsprechend HTML Code hinzuzufügen der auch ausgegeben wird.
Für alle normalen Menus klappt das auch sehr gut.
Doch wo es Probleme gibt sind Tab Menus z.B. beim User-Profil
Wir der Tab nicht angeglickt(also "active" gesetzt) dann kann man auch das Icon sehen. Klicke auf den Tab z.B. Edit, dann verschwindet das schöne Icon und ich sehe wieder den HTML Code als reinen Text vor Edit, also z.B. " edit"
Das passiert immer nur dann wenn ich den Tab Menü Punkt klicke und somit active setze.
Kann es sein, dass Drupal bei Menu Tabs noch einer andere Funktion hat, denn komischerweise funktionieren die Icons in allen normalen Menü reitern ohne diesen Fehler.
Vielleicht stand auch jemand vor diesem Problem, denn ansonsten werde ich wohl die Tabs komplett deaktivieren und nur mit Menus arbeiten wenn das nicht funktionieren sollte. Es scheint mir so dass bei dem active status die span class invisible dazu kommt und ich glaube fast, dass mein Hook an der Stelle den Titel wieder in normalen Text wandelt(nur weiß ich aktuell nicht wo menu Tab reiter anders aufgerufen werden, denn eigentlich wirkt ja mein hook auch drauf, wird aber dann beim active state wieder ignoriert.
Um den Fehler mit Bootstrap auszuschliessen habe ich das ganze auch mal mit dem Drupal Standard Theme versucht und habe den gleichen Fehler.
Beim User Profil tauchen die Icons nur dann auf wenn man nicht aktiv auf einen Tab ist. Klickt man den Tab an und wechselt somit auf dessen Inhalt, dann taucht wieder der textschriftzug des Icons auf, quasi html code als text ohne die umsetzung des html.
Vielen Dank schon mal!
UPDATE:
Ich habe das Problem noch nicht gelöst vermute aber das genau hier der Fehler zu finden ist:
<?php
function theme_menu_local_task($variables) {
$link = $variables['element']['#link'];
$link_text = $link['title'];
if (!empty($variables['element']['#active'])) {
// Add text to indicate active tab for non-visual users.
$active = '<span class="element-invisible">' . t('(active tab)') . '</span>';
// If the link does not contain HTML already, check_plain() it now.
// After we set 'html'=TRUE the link will not be sanitized by l().
if (empty($link['localized_options']['html'])) {
$link['title'] = check_plain($link['title']);
}
$link['localized_options']['html'] = TRUE;
$link_text = t('!local-task-title!active', array('!local-task-title' => $link['title'], '!active' => $active));
}
return '<li' . (!empty($variables['element']['#active']) ? ' class="active"' : '') . '>' . l($link_text, $link['href'], $link['localized_options']) . "</li>\n";
}
?>Ich vermute dass diese Funktion laut API Übersicht nochmal meinen Link bearbeitet und wieder den HTML in Text wandelt. Werde den Code entsprechend bearbeiten&einfügen&testen.
So, genau da lag auch der Fehler wie vermutet, einfach die Zeilen
<?php
if (empty($link['localized_options']['html'])) {
$link['title'] = check_plain($link['title']);
}
?>ausklammern und der genannte Fehler ist weg.
Also wer unbedingt wie ich icons in titles per html drin haben will, kann diesen Code einfach in sein Template packen und sich freuen.
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 21 Stunden 2 Minuten
vor 2 Tagen 22 Stunden
vor 3 Tagen 1 Stunde
vor 3 Tagen 16 Stunden
vor 2 Tagen 2 Stunden
vor 3 Tagen 18 Stunden
vor 3 Tagen 18 Stunden
vor 3 Tagen 21 Stunden
vor 4 Tagen 1 Stunde
vor 4 Tagen 1 Stunde