前に付加またはのフィールドにアイコンを追加ジャンゴ - クリスピー・フォーム

Question

は私がフォームで次のフィールドがあります。

<div class="form-group "> 
<div class="input-group"> 
    <input class="form-control" id="To" name="To" placeholder="To" type="text"/> 
    <i class="glyphicon glyphicon-map-marker form-control-feedback"></i> 
</div> 
</div> 

のように見え、私が持ってしようとしています同様の結果はcrispy-formsを使用します。

私は

self.helper.layout = Layout(
      Fieldset(
       'Title', 
       PrependedText(
        'From', 
        <i class="glyphicon glyphicon-map-marker"></i> 
        ), 
       'To', 
       'Date', 
       ButtonHolder(
        Submit('submit', 'Search', css_class='button white') 
       ) 
      ) 
     ) 

を試してみましたが、私はSyntaxError: invalid syntaxを取得します。

crispy-formsにPrependedTextとしてアイコンを追加することはできますか？ それ以外の場合はありますか？

（編集）

self.helper.layout = Layout(
         Field(PrependedText('From', HTML('<span class="glyphicon glyphicon-map-marker"></span>')), placeholder='From'), 
         'To', 
         'Date', 
         ButtonHolder(
          Submit('submit', 'Search', css_class='button white') 
         ) 
        ) 

をしようとすると、エラーは発生しませんが、何のアイコンは表示されません。

Answer 1

self.helper.layout = Layout(
    Div(HTML(''' 
     <div class="input-group"> 
     <input class="form-control" id="To" name="To" placeholder="To" type="text"/> 
     <i class="glyphicon glyphicon-map-marker form-control-feedback"></i> 
     </div>'''), 
     class="form-group") 

Answer 2

glyphiconsを使用する代わりに、同様のUnicodeの記号を使用して次のようになります。ここ

self.helper.layout = Layout(
      Field(PrependedText('From', '&#x1f4cc'), placeholder='From'), 
      Field(PrependedText('To', '&#x1f4cc'), placeholder='To'), 
      Field(PrependedText('Date', '&#x1f4c5'), placeholder='Date'), 
      FormActions(ButtonHolder(Submit('submit', 'Search', css_class='btn btn-primary'))) 
     ) 

問題は、プレーサーホルダーが何らかの理由で...

が動作していないですユニコードのシンボルに'︎'を追加すると、それがemojisにレンダリングされないように強制されます（hereのように）。それはうまくいきません。