<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="/static/js/textext.js" type="text/javascript"></script>
<form name="submission" onsubmit="" action="/my_content/{{set.id}}/add/" method="POST">
{% csrf_token %}
<textarea rows="5" class = "input-block-level" width=100% input type="text" name="front" id="front" placeholder="Question..." required></textarea>
<textarea class = "input-block-level" rows="5" input type="text" name="back" id="back" placeholder="Answer..." required></textarea>
<textarea class = "input-block-level" id="category" name="category" placeholder ="" rows="1" ></textarea>
<button type="submit" class="btn btn-info">Submit</button>
</form>
<script>
$('#category').textext({...etc...
</script>
TextExt 1.3.1を使用して、jQueryプラグインを使用してテキストエリアをタグ対応の入力ボックスに変えています。これは素晴らしいプラグインであり、手放したくありませんが、プラグインを有効にすると、フォームの POST データからテキストエリアが消えてしまいます。ID を 3 回確認しましたが、プラグインは正常に動作しているため、フォームでテキストエリア データが送信されない理由がわかりません。私は現在 django テンプレート処理を使用しているため、CSRF タグに気付くでしょう。
ブラウザで表示されるソースは次のとおりです。
<table class="table"><thead>
<h3><a href="/my_content/">My Content</a> > <a href="/my_content/31/">asdf</a></h3>
<form name="submission" onsubmit="" action="/my_content/31/add/" method="POST">
<div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='3onHid0y5LCQDM71Zxd45GURxOl5cjgl' /></div>
<input type="hidden" />
<div class="well">
<textarea rows="5" class = "input-block-level" width=100% input type="text" name="front" id="front" placeholder="Question..." required></textarea>
<span class="help-block"></span></div>
<div class="well">
<textarea class = "input-block-level" rows="5" input type="text" name="back" id="back" placeholder="Answer..." required></textarea>
<textarea class = "input=block-level" id="category" name="category" placeholder ="" rows="1" ></textarea>
<span class="help-block"></span></div>
<button type="submit" class="btn btn-info">Submit</button>
</form>
Items: 26