如何使用 Wtforms 在字符串字段中呈现(使其可点击)url

How to render (make clickable) a url in a stringfield using Wtforms

我正在尝试使 Wtforms Stringfield 中的 URL 可点击。

到目前为止 url 已填充到字符串字段中,但它不是 clickable/clicking 不会重定向到网页,因为它是文本。

见表格图片:

我的js代码是:

function update_Company_Name()
{
    var my_isin_id = $('#isin_id').val();
    $.getJSON( $SCRIPT_ROOT + '/ajax_update_event_table',
            {
                isin_id: my_isin_id

            }, function(data)
            {
                if (data.success!=false){
                    $('#url_main').val(data.success['url_main']);
                }
                else{
                    alert('failed to update url box');
                }

            }
        );

};

后面的python/flask代码是:

from wtforms import StringField as _StringField

............blahbla
url_main = _StringField(label='Main Website')

我目前的解决方法是采用评论中提供的板载信息。

在我的 flask/Wftforms 代码中添加了渲染:

url_main = _StringField(label='Main Website', render_kw={'onclick':'open_WebPage(this.value)', 'type':'button', 'readonly':None})

将表单显示为可点击的,我想下一步是使用 css 将其显示为超链接

我在 Html 页面上添加了这个 java 脚本函数:

<script>

    function open_WebPage(url_to_open)
    {
        if(url_to_open)
        {
            window.open(url_to_open);
        }
    };
</script>


虽然我希望另一个 Wftforms 组件提供一个更简单的解决方案,或者 else/I 是 js 的新手,但它确实有效,html python.

这应该有效

from Flask import Markup

url_label = Markup("<a href='YOUR_URL'>Main Website</a>")
url_main = _StringField(label=url_label)