Im trying to get tinymce edit iframe to work with this wonderfull tabbifier:

<http://www.barelyfitz.com/projects/tabber>

I have successfully installed both of them and they work great.

In my example I have tested the following:

1. Load a tinymce component and save the following code inside the tinymce iframe with the HTML option:
test
2. The result is saved perfectly after refreshing with F5 and this code is saved in the database:

> 
> 
> ```
> <p>test</p>
> 
> ```
> 
> 

tinymce is working perfecly.

The next test I have made is with tabber:

1. Edit the tinymce component box and saved the following code with the HTML option:

> 
> 
> ```
> <div class='tabber' id='tabber1'>
>     <div class='tabbertab' title='FIRSTTAB' >
>         test firsttab
>     </div>
>     <div class='tabbertab' title='SECONDTAB' >
>         test secondtab
>     </div>
> </div>
> 
> ```
> 
> 

1. The code is perfectly saved in the database, and the result is perfectly loaded in the output view, showing two tabs, each one of them with its content.
2. The problem is while trying to edit the content again with tinymce, the tabs are not shown. The content is perfectly loaded in the tinymce iframe, without the tabs. Its shown as below:

test firsttab

test secondtab

The HTML code inside it is good, it has the proper tabbifier html code saved before.

The problem maybe is that the iframe of tinymce is not able to load or interpret the javascript of tabber.js and its not showing the tabs.
I have tested loading the javascript of tabber.js inside the tinymce iframe with this code, and seems to load it but the tabs are not still shown:

```
<script type="text/javascript">
      tinyMCE.init({
        mode:                              "exact",
        elements:                          "%s",
        theme:                             "%s",
        %s
        %s
        theme_advanced_toolbar_location:   "top",
        theme_advanced_toolbar_align:      "left",
        theme_advanced_statusbar_location: "bottom",
        theme_advanced_resizing:           true
        %s
            setup : function(ed)
            {
                ed.onInit.add(function(ed, evt)
                {
                    alert("entered tiny");
                    // Load a script from a specific URL using the global script loader
                    //tinymce.ScriptLoader.load('/js/tabber/tabber.js');
                    // Load a script using a unique instance of the script loader
                    //var scriptLoader = new tinymce.dom.ScriptLoader();
                    //scriptLoader.load('C:\tabber.js');

                    // Load multiple scripts
                    var scriptLoader = new tinymce.dom.ScriptLoader();
                    scriptLoader.add('/js/tabber.js');
                    scriptLoader.loadQueue(function() { alert('All scripts are now loaded.'); });
                });
            }
      });
</script>

```

I have also checked that /js/tabber.js is the correct path. And saw at firebug that its loading it.
The two alert messages are displayed, so it seems to load it, but the tabs inside the tinymce edit iframe are still not shown.

Any help is welcome, thank you so much.