JUI Autocomplete html-codierte Vorschläge

Question

jQuery UI ab Version 1.8.4 html-codiert Autocomplete-Vorschläge (nach this issue).

Dies wurde ein Problem für mich jetzt. Ich habe die Ausgabe für die Vorschläge thematisiert, aber jetzt (wenn ich Version 1.8.4 oder höher verwende) Autocomplete nur HTML-codiert meine Theming. Alle Tags wie <b>, <span> werden für den Benutzer gedruckt, anstatt das tatsächliche Styling anzuzeigen.

So, jetzt die Vorschläge wie folgt aussehen:

• <b> su <b> Vorschlag
• andere <b> su <b> Vorschlag

statt:

• su ggestion
• andere su ggesion

Ich habe über benutzerdefinierte Daten lesen, aber ich benutze Yii-Framework und die Ausgabe von bestimmten Aktionen (PHP-Code) erzeugt wird.

Also, wie theme ich jetzt die Ausgabe?

Vielen Dank!

Answer 1

Sie können den codierten Text mit der Funktion open von jQuery UI ersetzen.

Hier ist ein Beispiel:

$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
       'name'=>"bug", 
       'source'=>$this->createUrl('/autocomplete'), 

       // additional javascript options for the autocomplete plugin 

      'options'=>array(      
        'open'=> 'js:function(event, ui){ 
         $("ul.ui-autocomplete li a").each(function(){ 
         var htmlString = $(this).html().replace(/&lt;/g, "<"); 
         htmlString = htmlString.replace(/&gt;/g, ">"); 
         $(this).html(htmlString); 
         }); 
        }' 
      ), 
)); 

Answer 2

Bessere Nutzung ein HTML plugin