Hi!

Thanks for the tips!

I am still experiencing a bug however, wich you might not have detected yet.

When you post a message into an iframe and then move or reset the editor, the whole page will become disabled!

You can test it here: http://testforum.obeyon.com/

I also posted a bug on http://sourceforge.net/tracker/index.ph … tid=635682

Best Regards,
Adult SEO

+++ BUMP for this topic. Thanks Karl!

This post really helped me a lot except on one thing.

When I have two textareas that need to be activated and deactivated on demand.

When I load try to load the 2 I only get about one and a half. I mean that the first is ok but the second is greyd out. Also when using the toolbar on the second box, the actions happen on the first box.

any clues?

Hi
thanks for tip, it saved many hours and brain energy. But have an adding - after following instructions on unloading TinyMCE exeptions were gone, but somehow when I submit form, textarea contents were not sent with it. So nothing could be changed with MCE. And for it I had to make MCE unload onSubmit the form.

Keeping track of which editors are active on a page is a pain in the ass, especially when there could be multiple methods of leaving a page. I wish there were a way for ask tinyMCE which editors are active so you could just loop and deactivate them.

Here's how to solve the problem with creating textareas (or DIVs containing them) and getting rid of them;

in your page:

<textarea id="XX" name="IntroText" ></textarea>
<script language=javascript>
activateEditor('XX')
</script>           

at any place that causes this textarea to disappear, simply call: deactivateEditors()

the script:

var activeEditors = new Array()

function activateEditor(id) {
    activeEditors[activeEditors.length] = id
    toggleEditor(id)
}

function deactivateEditors() {
    for(x=0;x<activeEditors.length;x++) {
        toggleEditor(activeEditors[x])
    }
    activeEditors.length = 0
}

// functions
function toggleEditor(id) {
    var elm = document.getElementById(id);

    if (tinyMCE.getInstanceById(id) == null)
        tinyMCE.execCommand('mceAddControl', false, id);
    else
        tinyMCE.execCommand('mceRemoveControl', false, id);
}

OK, so what I had to do was post a question on this site, and then the answer just happened upon me.

Someone injected a function named "open()" in our JavaScript, and that hijacked the method used to open the pop-up windows.

Stop wracking your brains...I've done enough for all of us.

Thanks for the consideration.

Thanks for the tip, I still had a problem because I was using multiple inits on my page and I lost the configurations  in the AJAX response. I figured out a solution though to modify the activateEditor function below:

function activateEditor(id, c) {
    activeEditors[activeEditors.length] = id;
    tinyMCE.settings=tinyMCE.configs[c];
    toggleEditor(id);
}

The variable c tells the function which settings to use from the tinyMCE.configs array. If you used multiple inits then the 1st init creates configs[0], the second configs[1] etc.

Hope it helps someone.

Some further notes:

the "init()" code used at the top of the page can be different than show. You can change the mode, etc. To load TinyMCE on demand when you click a textarea, you can use this:

<textarea id="whatever" onclick="tinyMCE.execCommand('mceAddControl', false, this.id);"></textarea>

You have to give the textarea an ID, but it doesn't matter what. Using "this.id" in the onClick call always find the right one!

   Mark

Hello allz

here 's a sample of code to put back tinyMCE 's iframe content to the original textarea :
(like you have to do before submittin the page .... )

function putBackContent(){
   document.getElementById('MY_TEXTAREAS_ID').innerHTML = tinyMCE.getContent();
}

But if you use it in an AjaX geeky Stance, here 's the basic of using tinyMce dynamically :

function updateThings(things_id){

   tinyMCE.execCommand('mceAddControl',false,'MY_TEXTAREAS_ID');

   var el = document.getElementById(things_id);
   tinyMCE.setContent(el.innerHTML);
   el.style.display = "none";
}

and then to save the edited things dynamically :

function saveUpdatedThings(things_id){

  var el = document.getElementById(things_id);

  //// Call an ajax save request here, don't forget to escape() the content of tinyMce before sending to server !!!
  /// AND THEN IF SERVER SIDE SAVIN GOES RIGHT :

   if(req.readyState == 4 && req.status == 200){
      alert('data saved !!! ');
      el.innerHTML = tinyMCE.getContent();
      tinyMCE.execCommand('mceRemoveControl',false,'MY_TEXTAREAS_ID');
      el.style.display = ''; /// REVERT TO REGULAR DISPLAY
      return true;
   }else{
      alert('Failed savin data ..... ');
      tinyMCE.execCommand('mceRemoveControl',false,'MY_TEXTAREAS_ID');
      el.style.display = ''; /// BACK TO THE OLD VERSION     
      return false;
   }
}

Hope this 'll help all my Geeks fellows to save time for non-Chipseted things ......

Hi;

I wanna switch on tinymce but I gotta first solve this AJAX update panel problem... I've tried several ways of doing that as I could find in this forum but none worked...

I have the textarea inside a panel in an updatepanel; when I make this panel visible tinymce gets lost..

So I have to reload it programmatically, but I can't...

Any help would be great..

Thanks
Kaan ÖZGEN

Even if i use the "exact" theme and give proper id..the problem of finding the correct instance always persists. I have to add the control back to the tinyMCE instance after ajax postback is completed. For which i need to know which instnace od tinyMCE is having the control.

Or is there anyway i can change the settings like mode, theme etc in javascript?