title: Editable content in a jquery ui portlet
body: <p>I'm trying to create jquery ui portlets with editable content (for example a textarea or select boxes).
  So far I didn't succeed.</p>
  
  <p>I tried to make the portlet "contenteditable" like this:</p>
  
  <pre><code>&lt;div class="portlet"&gt;
      &lt;div class="portlet-header"&gt;News&lt;/div&gt;
      &lt;div class="portlet-content" contenteditable="true"&gt;
       Lorem ipsum dolor sit amet, consectetuer adipiscing elit...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The portlet content is then changeable by cut&amp;pasting things into it, but not via keyboard.</p>
  
  <p>I also tried to add a textarea:</p>
  
  <pre><code>&lt;div class="portlet"&gt;
      &lt;div class="portlet-header"&gt;Feeds&lt;/div&gt;
      &lt;div class="portlet-content"&gt;
          &lt;textarea&gt;bla bla bla&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Again the textarea is changeable by cut&amp;pasting things into it, but not via keyboard.</p>
  
  <p>I didn't find any examples that do this. Is this possible at all?</p>
  
  <p>If someone knows a way how to do this without jquery ui I'd be happy to learn about that.</p>