title: How to set Summernote editor's width in percentage
body: <p>Now I'm using Summernote text editor. Is there any way to set its width and height in percentage? Unfortunately, I can't find any answer at all.   </p>
  
  <pre><code>editor.summernote({
      //buttons in toolbar
      toolbar: [
          ['style', ['bold', 'italic', 'underline', 'clear']],
          ['font', ['strikethrough', 'superscript', 'subscript']],
          ['fontsize', ['fontname', 'fontsize', 'style']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['height', ['height']],
          ['table', ['table']],
          ['customButton', ['equation']],
          ['util', ['undo', 'redo']],
      ],
      // prevents copying of text formattion from an external resource
      callbacks: {
          onPaste: function (e) {
              var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
              e.preventDefault();
              document.execCommand('insertText', false, bufferText);
  
          }
      },
  
      buttons: {
          equation: equationButton
      },
      toolbarContainer: '#editorToolbar',
      placeholder: 'Type Here',
      height: 200,
      width: 200, //  - &gt;   **something like 40% ?**
  });
  </code></pre>
  
  <p>Thank you for any answer!</p>