django - Django：{{form.comment}} 区域大小

Question

我使用标准的 django 评论框架。

模板：

<h2>Add comment</h2> {%  get_comment_form for post as form %} 
<form  action="{% comment_form_target %}" method="post" > {% csrf_token %}   
{{form.content_type}}{{form.object_pk}}{{form.timestamp}}{{form.security_hash}}
Comment:<br />
{{form.comment}}

<input type="hidden" name="next" value="{{ request.get_full_path }}#comment" /> 

<button class="btn btn-large btn-primary" type="submit">Post</button>

</form>

如何更改{{form.comment}}字段大小？我试图把它包起来，<p>或者<div>它没有用。谢谢！

Answer 1

有几种选择：

1）您可以使用django-widget-tweaks。在这种情况下，你写{{form.comment|attr:"cols:10"|attr:"rows:10"}}，这将导致：

<textarea id="id_comment" rows="10" cols="10"></textarea>

2）您还可以注意到 textarea 的 id 将是id_comment. 因此，您可以使用 css 控制宽度：

textarea#id_comment {width:100px;}

Answer 2

我添加了这样的东西

#id_comment {
width: 95% !important; 
height: 200px !important; 
resize: none !important; 
} 

到我的 CSS 文件。它正在工作！

Answer 3

我刚刚检查了contrib.comments应用程序，我看不出有任何方法可以在不创建自己的评论应用程序的情况下自定义小部件。最简单的解决方案是创建一个常规的 HTML 文本输入或 textareaname="comment" and id="id_comment"