仅允许TinyMCE中的外部链接

Question

I'm using TinyMCE in my webapplication, and allowing people to use link in it. This is my config:

        var editor = tinymce.init({
        plugins: "link",
        selector: this.$el.find("#shortdesc")["selector"],
        toolbar: "bold italic | undo redo | link unlink",
        link_list: [
        ],
        menubar: false,
        relative_urls: false,
        link_assume_external_targets: true,
        setup: function (editor) {
            editor.on("change", function (e) {})
        }
    });

The issue I'm trying to solve is that I want let people insert only external links . In the current situation, when the user click on the link button and confirm, it shows this popup

My goal is to avoid showing this popup and use only http:// prefixed links.

I'm using the last version of tinyMCE .

As far as I could understand relative_urls options does not fit my necessities.

Any ideas?

Answer 1

Actually I solved overriding the tinymce.editor.convertURL function

             setup: function (editor) {
                var fn = editor.convertURL;
                editor.convertURL = convertURL_;
                function convertURL_(url, name, elm){
                    fn.apply(this, arguments);
                    console.log(arguments);
                    var regex = new RegExp("(http:|https:)?\/\/");
                    if (!regex.test(url)) {
                        return url = "http://" + url
                    }
                    return url;
                }
             }

Answer 2

Based on an answer found here , I wrote the following compact solution for your problem:

editor.on('init',function(e) {

    // reference to original windowManager function
    var fn = editor.windowManager.open;

    // override with your own version of the function
    editor.windowManager.open = function(t,r){

        // make sure you only target the 'insert link' dialog
        if(t.title == 'Insert link'){

            // reference to the subumit function of the dialog
            var oldsubmit = t.onSubmit;

            // override the submit function
            t.onSubmit = function(e){

                // append the "http://" prefix here, note that the URL is contained within the property 'href' of data. 
                // also see link/plugin.js
                if(!e.data.href.match(/(ftp|https?):\/\//i)){
                    e.data.href = "http://" + e.data.href;
                }

                // submit original function
                return oldsubmit(e);
            }

            // after overwriting the submit function within the windowManager, make sure to call the original function
            fn.apply(this, [t,r]);
        }

        // use return instead of apply to prevent bugs in other dialogs
        else{
            return fn(t,r);
        }
    }
});

Answer 3

您应该复制链接插件，将其重命名为“mylink”，调整所有引用以链接到mylink并修改代码，以便弹出窗口不会显示，并且链接URL被检查为“https”/“http”，