Hi!

I'm not sure if this will solve your issue but I tried to get this working for quite a long time on the latest code base that has an upgraded Tiny MCE version. What I found out is that the PlugInName and registered plugin in the client side file needs to match in casing (tinymce.create('tinymce.plugins.syntaxhl' on the client.

Hi

I am having the exact same problem except with a plugin I am trying to develop myself. The button appears in the admin config section and I have added it to the toolbar, also I can see the JavaScript file being loaded on the page but my button does not appear. The plugin is very simple at the moment and all I am trying to do is output a 'Hello World', once the button is on ill develop the JS further. My class looks like this:

namespace EPiServer.Templates.ClientName.Plugins
{
    using EPiServer.Editor.TinyMCE;

     [TinyMCEPluginButton(
         PlugInName = "twocolumnwithbutton", 
         ButtonName = "twocolumn", 
        GroupName = "misc", 
        IconUrl = "Editor/tinymce/plugins/twocolumnwithbutton/twocolumn.gif")]
    public class TwoColumnTinyMceEditorButton
    {
    }
}

And my JS looks like this:

(function (tinymce, $) {
    tinymce.create('tinymce.plugins.twocolumnwithbutton', {
        init: function (ed, url) {

            // Register buttons
            ed.addButton('twocolumn', {
                title: 'Two Column Layout',
                image: url + 'util/Editor/tinymce/plugins/twocolumnwithbutton/twocolumn.gif',
                onclick: function () {
                    // Add you own code to execute something on click
                    ed.focus();
                    ed.selection.setContent('Hello world!');
                }
            });
        },

        getInfo: function () {
            return {
                longname: 'Two Column Layout',
                author: 'xxxxxx',
                authorurl: 'http://xxxxxxx.com',
                infourl: 'http://xxxxxx.com',
                version: tinymce.majorVersion + "." + tinymce.minorVersion
            };
        }
    });

    // Register plugin
    tinymce.PluginManager.add('twocolumn', tinymce.plugins.twocolumnwithbutton);
})();

Try changing from "twocolumn" to "twocolumnwithbutton" when you register the plug-in on the client to match the pluginname defined in  the server plug-in.

Hi Linus 

Thank you for quick response. I have updated the plugins to use 'twocolumnwithbutton' everywhere but the button is still not showing. I have added an alert at the top of the file to make sure that the file is being executed properly, and the alert is firing. So I added another just inside the init function, but that is not being called, so it is loading the JS but just not initialising it. Any thoughts?

My new code is below:

JS 

(function (tinymce, $) {
    alert('test');
    tinymce.create('tinymce.plugins.twocolumnwithbutton', {
        init: function (ed, url) {
            alert('test init');
            // Register buttons
            ed.addButton('twocolumnwithbutton', {
                title: 'Two Column Layout',
                image: url + 'util/Editor/tinymce/plugins/twocolumnwithbutton/twocolumn.gif',
                onclick: function () {
                    // Add you own code to execute something on click
                    ed.focus();
                    ed.selection.setContent('Hello world!');
                }
            });
        },

        getInfo: function () {
            return {
                longname: 'Two Column Layout',
                author: 'xxxxx',
                authorurl: 'http://xxxxx.com',
                infourl: 'http://xxxxx.com',
                version: tinymce.majorVersion + "." + tinymce.minorVersion
            };
        }
    });

    // Register plugin
    tinymce.PluginManager.add('twocolumnwithbutton', tinymce.plugins.twocolumnwithbutton);
})();

C#

namespace EPiServer.Templates.ClientName.Plugins
{
    using EPiServer.Editor.TinyMCE;

     [TinyMCEPluginButton(
         PlugInName = "twocolumnwithbutton",
         ButtonName = "twocolumnwithbutton", 
        GroupName = "misc", 
        IconUrl = "Editor/tinymce/plugins/twocolumnwithbutton/twocolumn.gif")]
    public class TwoColumnTinyMceEditorButton
    {
    }
}

Thank you very much

Any word on this yet Linus.  I keep getting the error "TypeError: co is undefined".

After setting this up again and getting some help from my collegue Duong an Nguyen we found out that the supplied parameters to the self executing methods are missing in the code samples above. So the last line should be changed to:

})(tinymce, epiJQuery);

Thanks Linus, i have got this finally working as well.  I do have to say there is a step that seems to be missing in the epsierver 7 documentation about clearing the .net temp files.  It was not showing up until i removed the temporary files from the .net framework.

Thanks very much for getting back to me on this.