如何在 Python WTForms 库中使用 Bootstrap 工具提示？答案

【问题标题】：How to use Bootstrap tooltips with the Python WTForms library?如何在 Python WTForms 库中使用 Bootstrap 工具提示？
【发布时间】：2014-12-03 12:15:52
【问题描述】：

我正在使用（真棒）Flask framework 和 WTForms plugin 建立一个网站。我现在想在输入字段的焦点上显示Bootstrap tooltip (working fiddle here)，但为此我必须为输入标签提供data-toggle 和title 属性，如下所示：

<input data-toggle="tooltip" title="tooltip on focus!" type="text" placeholder="Focus me!" name="thename"/>

所以我只是将它们添加到表达式中：

{{ form.plotting_value(title='tooltip on focus!', data-toggle='tooltip', class='form-control') }}

title 属性没问题，但是data-toggle 会导致一个

TemplateSyntaxError：函数调用表达式的语法无效

有人知道如何使用 WTForms 将data-toggle 添加到输入字段吗？

【问题讨论】：

标签： python twitter-bootstrap flask jinja2 wtforms

【解决方案1】：

Python 不喜欢连字符，你可以给它一个字典：

{{ form.example(**{'data-toggle': 'tooltip'}) }}

或者，wtform 将有助于将下划线解码为连字符：

{{ form.example(data_toggle: 'tooltip') }}

【讨论】：