title: Control image upload size in textarea of HTML Form
body: <p>I'm using the following WIZWIG editor "<a href="http://js.nicedit.com/nicEdit-latest.js" rel="nofollow">http://js.nicedit.com/nicEdit-latest.js</a>" posting into the below HTML form.  I want to control the size of images that are uploaded.  Image size should be something like 200px height, 300px width.  I've tried CSS, HTML &amp; JavaScript to no avail. Can't figure this out...</p>
  
  <pre><code>&lt;style&gt;
  .nicEdit-main{
  background-color: white;
  }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" src="http://js.nicedit.com/nicEdit-  latest.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  bkLib.onDomLoaded(function() { nicEditors.allTextAreas({buttonList : ['bold','italic','underline','strikeThrough','html','forecolor','link','upload','unlink','removeformat']}) });
  &lt;/script&gt;
  
  &lt;form name="comments" action="&lt;?php echo $_SERVER['PHP_SELF']; ?&gt;"method="post" onsubmit="return checkForm();"&gt;
  &lt;?php if ($isGuest) { ?&gt;
  Comment:&lt;br&gt;&lt;br&gt;
  &lt;div style="background: #fff;"&gt;
  &lt;textarea style="width: 100%;" name="comment" cols="111px" rows="4"&gt;disabled for guest account&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;input type="submit" name="action" disabled value="Add Comment" /&gt;
  &lt;?php } else { ?&gt;
  Comment:&lt;br&gt;&lt;br&gt;
  &lt;div style="background: #fff;"&gt;
  &lt;textarea style="width: 100%;" name="comment" cols="111px" rows="4"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;input type="submit" name="action" value="Add Comment" /&gt;  
  &lt;?php //header("Location: test.php"); 
  } ?&gt;
  &lt;/form&gt;
  </code></pre>