Hi I tried the fix you suggested in your last post FungshuiElephant, now when I move the widget over I get:

Fatal error: Class 'TextAreaField' not found in /home/kidscost/public_html/widgetHtmlContentWidget/HtmlContentWidget.php on line 24

Any thoughts?

I have a feeling that this fix for checkboxes may also fix the problem with HTMLEditor fields not saving or saving with the content label included. Seemed to work with 2.3.1.
<br >
<br >It won't make the Tiny MCE editor appear as soon as the widget is added that requires a bit of javascript to assign the behaviour - just save and refresh the page to get that.
<br >
<br >You can change tinymce.template.js and/orWidgetAreaEditor.css if you don't like the editor toolbars sticking out of the side of the box. Or better still, override in you own files rather than in core.
<br >
<br >If you try it, please report back.

I had it working in 2.3.1 but needed to edit my content. Now I can't save and I can't even remove the widget altogether (clicking the red x). I have all kinds of jibberish appearing now. I'm very new to SS - is there another way to remove the widget?

Thx in advance.

I have just spent some time playing about trying to get this widget to save with the HTML editor.

The problem stems from the fact that the HtmlEditor field assumes that it will always be in the page. To get around this I had to amend the js source code slightly.

I amended the file: [site_root]\jsparty\tiny_mce2\tiny_mce_src.js.

Search for "save : function(o)" (~ line 7730)

All you want to do is add a check to determine if the element exists or not.

Replace the following code:

if (!/TEXTAREA|INPUT/i.test(e.nodeName)) {
   e.innerHTML = h;
   
   // Update hidden form element
   if (f = DOM.getParent(t.id, 'form')) {
      each(f.elements, function(e) {
         if (e.name == t.id) {
            e.value = h;
            return false;
         }
      });
   }
} else
   e.value = h;

with this code:

if( e )
{
   if (!/TEXTAREA|INPUT/i.test(e.nodeName)) {
      e.innerHTML = h;
   
      // Update hidden form element
      if (f = DOM.getParent(t.id, 'form')) {
         each(f.elements, function(e) {
            if (e.name == t.id) {
               e.value = h;
               return false;
            }
         });
      }
   } else
      e.value = h;
}