How to disable image pasting?

[hurricane766]

I just want to have a text editor without the ability to embed images. Is it possible to disable image pasting?

[pekpon]

Add the "remove format pasted" option:

$('.text-editor').trumbowyg({removeformatPasted: true});

[hurricane766]

That will prevent images from being pasted in, but it also prevents bold, italics, etc.

I'm still looking for a solution to this problem... is there someway to blacklist or whitelist tags?

[Alex-D]

You need to create a simple plugin.

You can give a "pasteHandler" in options: https://github.com/Alex-D/Trumbowyg/blob/develop/src/trumbowyg.js#L377

Example of use: https://github.com/Alex-D/Trumbowyg/blob/develop/plugins/pasteimage/trumbowyg.pasteimage.js

There is no option for white/blacklisted elements because it should be managed in backend or in a plugin.

[hurricane766]

Ok, that sounds reasonable, thank you.

[oza75]

@hurricane766 have you find a way to disable image pasting ?

[hurricane766]

@oza75 This was a while ago, but I believe we did as Alex-D suggested. In the end we moved away from Trumbowyg to a different editor, so I can't say for sure if this still works.

[VrbovskyM]

@oza75 This was a while ago, but I believe we did as Alex-D suggested. In the end we moved away from Trumbowyg to a different editor, so I can't say for sure if this still works.

What other editor ? I so far couldnt find better WYSIWYG editor for free

[hurricane766]

What other editor ? I so far couldnt find better WYSIWYG editor for free

I believe we used ckeditor (4) at the time. It looks like v5 might still offer the core features for free.

[Alex-D]

#1371 (comment)

(function ($) {
    'use strict';

    $.extend(true, $.trumbowyg, {
        plugins: {
            preventImagePaste: {
                init: function (trumbowyg) {
                    trumbowyg.pasteHandlers.push(function (pasteEvent) {
                        try {
                            var items = (pasteEvent.originalEvent || pasteEvent).clipboardData.items,
                                mustPreventDefault = false,
                                reader;

                            for (var i = items.length - 1; i >= 0; i -= 1) {
                                if (items[i].type.match(/^image\//)) {
                                    mustPreventDefault = true;
                                }
                            }

                            if (mustPreventDefault) {
                                pasteEvent.stopPropagation();
                                pasteEvent.preventDefault();
                            }
                        } catch (c) {
                        }
                    });
                }
            }
        }
    });
})(jQuery);