JUI自动完成html编码的建议

时间:2010-12-31 19:18:08

标签: yii jquery-ui-autocomplete html-encode

jQuery UI从版本1.8.4开始html-encoding自动填充建议(根据this issue)。

现在这成了我的问题。我过去主题为输出的建议,但现在(如果我使用1.8.4或更高版本)自动完成只是html编码我的主题。所有标签(如<b><span>)都会打印给用户,而不是显示实际样式。

所以建议现在看起来像:

  • <b> {苏{1}}建议
  • 另一个<b> su <b>建议

而不是:

  • ggestion
  • 另一个 su ggesion

我已经阅读过自定义数据,但我使用的是Yii框架,输出是从某些操作(PHP代码)生成的。

那么,我现在如何主题输出?

谢谢!

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery UI中的open函数替换编码文本。

以下是一个例子:

$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);
                      });
                    }'
            ),
));

答案 1 :(得分:0)

最好使用HTML plugin