2013-10-17 2 views
8

Qualcuno può aiutare a riscrivere questo, da HTML a Laravel4?Collegamento con icona in Laravel 4

<a href="index.php" ><span><i class="icon-home"></i></span> Home </a> 

Il nome della rotta per quella pagina è solo '/'. Io so come scrivere semplice link in laravel:

{{ HTML::link('/','Home) }} 

Ma come posso aggiungere la span class con l'icona font-impressionante?

risposta

9

Ho appena inserito il collegamento nell'href.

<a href="{{ url('/') }}"><span><i class="icon-home"></i></span> Home</a> 

Non c'è bisogno di generare tutto il resto tramite Laravel.

3

Ciò che @Dries suggerisce è semplice e molto semplice, ma si vuole davvero farlo interamente tramite Laravel, suggerirei di scrivere una macro HTML, soprattutto se si desidera coinvolgere strutture html più complesse. Ad esempio, ecco un macro per <a><img /></a> struttura:

HTML::macro('image_link', function($url = '', $img='img/', $alt='', $param = false, $active=true, $ssl=false) 
{ 
    $url = $ssl==true ? URL::to_secure($url) : URL::to($url); 
    $img = HTML::image($img,$alt); 
    $link = $active==true ? HTML::link($url, '#', $param) : $img; 
    $link = str_replace('#',$img,$link); 
    return $link; 
}); 

Si potrebbe leggere di più qui: http://forums.laravel.io/viewtopic.php?pid=10467

+0

Sembra abbastanza difficile .. comunque grazie per la risposta – johnnyfittizio

0
{!! HTML::decode(link_to(URL::previous(), 
    '<i class="fa fa-chevron-left" aria-hidden="true"></i> Back', 
    ['class' => 'btn btn-primary'])) !!} 
+0

Anche se questo frammento di codice potrebbe risolvere la domanda, [compresa una spiegazione] (https://meta.stackexchange.com/questions/114762/explaining-entely-code-based-answers) aiuta davvero a migliorare la qualità del tuo post. Ricorda che stai rispondendo alla domanda per i lettori in futuro, e queste persone potrebbero non conoscere le ragioni del tuo suggerimento sul codice. Cerca anche di non affollare il tuo codice con commenti esplicativi, questo riduce la leggibilità sia del codice che delle spiegazioni! –