[SOLUCIONADO] Django - resize textfield input model

[josepbidegain]

Hola como les va, estoy teniendo un problema al trabajar con campos de texto del tipo textfield en mi modelo, no logro poder personalizar el tamaño de dicho campo.
Tengo la clase
Noticia con campos copete y contenido del tipo models.textField()

Código Python:

class Noticia(models.Model):
    copete = models.TextField()
    contenido = models.TextField()
 

intente crear una clase NoticiaForm() para darle formato al widget textarea pero no logro hacerlo.

Código Python:

class NoticiaForm(ModelForm):
    class Meta:
        model = Noticia
        widgets = {
            'contenido': TextField(attrs={'cols': 80, 'rows': 20}),
            #'contenido': TextArea(attrs={'cols': 80, 'rows': 20}),
        }
 

Eso lo puse en el models.py...
Alguien puede decirme que estoy haciendo mal?

Gracias

[razpeitia]

Hay varias formas de hacer esto:

La primera y las sencilla es hacerlo por medio de css.

La segunda:

Código Python:

class NoticiaForm(ModelForm):
    contenido = forms.CharField(widget=forms.Textarea(attrs={'cols': 80, 'rows': 20})
 
    class Meta:
        model = Noticia
 

Y la tercera haciendo un override

Código Python:

class NoticiaForm(ModelForm):
    def __init__(self, *args, **kwargs):
        super(NoticiaForm,  self).__init__(*args, **kwargs)
        contenido = self.fields['contenido'].widget.attrs
        contenido['cols'] = 80
        contenido['rows'] = 20
 
    class Meta:
        model = Noticia
 

[josepbidegain]

Gracias por responder !
Ahora mirando me di cuenta que el problema está en que estoy usando un editor integrado, de la siguiente forma.

En el admin.py tengo este codigo:

Código Python:

class NoticiaAdmin(admin.ModelAdmin):
    list_display = ['titulo','fecha','destacar']
    inlines = [NoticiaImageInline]
    class Media:        
        js = ('../static/editores/tiny_mce/tiny_mce.js','../static/editores/textarea.js')
 

Ya alguna vez tuve algun problema al tratar de obtener el texto de un textarea con este editor integrado, como que te crea un div arriba...
Si le saco el editor me funciona bien el resize del input, pero tengo que dejar el editor, alguna sugerencia ?

gracias

[josepbidegain]

Pude solucionar ingresando en textarea.js las propiedades:
width
height

Código Javascript:

tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        //content_css : "/appmedia/blog/style.css",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,bullist,numlist,outdent,indent,separator,undo,redo,separator,link,unlink,anchor,separator,image,media,cleanup,separator,code,fullscreen,separator,preview",
        theme_advanced_resizing : true,
        //theme_advanced_buttons1 : "bold,italic,underline,separator,bullist,numlist,link,unlink,separator,fontsizeselect,separator,forecolor,backcolor",
        theme_advanced_buttons2 : "",
        theme_advanced_buttons3 : "",
        auto_cleanup_word : true,
        //plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,searchreplace,print,contextmenu,fullscreen",
        plugin_insertdate_dateFormat : "%m/%d/%Y",
        plugin_insertdate_timeFormat : "%H:%M:%S",
        extended_valid_elements : "a[name|href|target=_blank|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
        fullscreen_settings : {
                theme_advanced_path_location : "top",
                theme_advanced_buttons1 : "fullscreen,separator,preview,separator,cut,copy,paste,separator,undo,redo,separator,search,replace,separator,code,separator,cleanup,separator,bold,italic,underline,strikethrough,separator,forecolor,backcolor,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,help",
                theme_advanced_buttons2 : "removeformat,styleselect,formatselect,fontselect,fontsizeselect,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor",
                theme_advanced_buttons3 : "sub,sup,separator,image,insertdate,inserttime,separator,tablecontrols,separator,hr,advhr,visualaid,separator,charmap,emotions,iespell,flash,separator,print",
                theme_advanced_resizing : true,
        },
        width: '700',
        height: '400'
});
 

al menos pude agrandar, lo que no hace es el resize automatico. por mas que haya puesto

Código Javascript:

theme_advanced_resizing : true,