CSSフレームワークのMaterializeのChipsを使うと簡単にタグの実装ができて便利です。
投稿ページなどでchipsを実装し、それをサーバー(今回は簡易的にFlask)
にPOSTする方法のメモです。
クライアント側
// 流れ
// 1. chipsのDOM(例では.chips)からデータを取得
// 2. input type="hidden"にタグのデータを追加
var tagData = $('.chips').material_chip('data');
if (tagData.length > 0) {
for (var i = 0; i < tagData.length; i++) {
$('form').append('<input type="hidden" name="tags" value="' + tagData[i].tag + '" />');
}
}
サーバー側
## Flask側
@app.route('/submit', methods=['POST'])
def submit():
tags = request.form.getlist('tags') # tagsにタグが配列で入る