Изменение размера TinyMCE в django

Я пытаюсь написать виджет для изменения размера моего django tinymce, но, похоже, он не работает...

вот мой код, что я делаю не так? 

    from django import forms 
    from .models import blog, comment, reply, like, subscription
    from tinymce.widgets import TinyMCE

    class blogform(forms.ModelForm):
       class Meta:
            model = blog 
            fields  = ['content', 'title', 'blog_pic' ]
            widgets = {
            'content': (TinyMCE(attrs={'style':'height:100vh; width:60%'}))
            }

Я понял, в чем была проблема; у меня был файл app.js в моей папке static, который имел конфигурацию для стилизации редактора tinymce; все, что мне нужно было сделать, это изменить ширину или высоту, чтобы соответствовать моим потребностям... вот код

    tinymce.init({
        selector: "textarea",      
        height: "700",
        width: "60%",
        plugins: "insertdatetime media image preview",
        toolbar: "undo redo |  bold italic | alignleft alignright                           aligncenter alignjustify | image media | preview",
        image_title: true,
image_caption: true,
automatic_uploads: true,
image_advtab: true,
file_picker_types: "image media",

file_picker_callback: function (cb, value, meta) {
  var input = document.createElement("input");
  input.setAttribute("type", "file");
  if (meta.filetype == "image") {
      input.setAttribute("accept", "image/*");}
  if (meta.filetype == "media") {
  input.setAttribute("accept", "video/*");}

  input.onchange = function () {     
      var file = this.files[0];
      var reader = new FileReader();
      reader.onload = function () {
          var id = "blobid" + (new Date()).getTime();
          var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
          var base64 = reader.result.split(",")[1];
          var blobInfo = blobCache.create(id, file, base64);
          blobCache.add(blobInfo);
         cb(blobInfo.blobUri(), { title: file.name });
       };
       reader.readAsDataURL(file);
   };
   input.click();
},
content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"});
Вернуться на верх