Adding Custom External plugins to TinyMce 4.4.4

Dileep D

Vote:

Hello All,

Looking for help on adding external custom plugins to TinyMce 4.4. version. I am not seeing any online resource that has the details.

Thanks,

#310630

Oct 11, 2023 13:29

- Oct 16, 2023 7:05

You can use external_plugins option to specify the url of your custom plugin, or copy the content of your external plugin to Plugins folder for tinymce

Dileep D

Vote:

I have a custom javascript which am trying to load as an external plugin. The javascript uses below format to add the plugin. I am not able to find if this is still a valid way to add external plugin.

tinymce.PluginManager.add('metricconvert', function (editor, url) {}

#310913

Oct 16, 2023 13:51

Daniel Isaacs

Vote:

See the docs here: https://docs.developers.optimizely.com/content-management-system/docs/plug-ins#add-a-tinymce-plug-in

services.Configure<TinyMceConfiguration>(config =>
    {
        config.Default()
        .AddExternalPlugin("custom-plugin", "alloy/plugins/custom-plugin.js");
    });

#311075

Oct 18, 2023 19:11

Dileep D

Vote:

Finally found that the issue was the custom plugin (JS file) itself. With the new version of TinyMce the custom plugin implementation is updated.

Before:

editor.addButton('metricconvert') and using onClick function

Latest Implementation: Use below format and replace onClick to onAction.

editor.ui.registry.addButton('metricconvert', {
text: 'Metric Convert',
onAction: function () {

More details available here : https://blogs.perficient.com/2023/10/26/adding-custom-external-plugin-to-tinymce/

#311508

Edited, Oct 26, 2023 13:43