TinyMCE 4 strips img tags with base64

[Fmstrat]

I'm still trying to figure out how to fix this myself, but the instructions should be updated once this is resolved.

[lianglee]

Actually this plugin automatically convert img to base64

[cafealternativo]

tinymce was stripping the base64 node, so nothing was being inserted. . If you are experiencing this problem make the following modifications.

1- The insertContent command parses the node and deletes the content. Even mceInsertRawHTML doesn't work because it has the raw parameter turned off, so we need a new command.
After the addButton sentence add the following command to tinymce.

//---------------------------
editor.addCommand("trueInsertRawHTML", function (value) {
this.selection.setContent('tiny_mce_marker');
editor.setContent(
editor.getContent().replace(/tiny_mce_marker/g, function () {
return value;
}), { format: "raw" }
);
});
//-------------------

2- Replace this line:

editor.execCommand("mceInsertContent", false, "");

With:

editor.execCommand("trueInsertRawHTML", "");

Hope this helps the next customer...

[lianglee]

Fixed thanks

[nathancarter]

I created a TinyMCE bug report for this. Vote for it here:
http://www.tinymce.com/develop/bugtracker_view.php?id=7549

[nathancarter]

Actually, the solution for this is a tiny tweak to your TinyMCE configuration. See here:
http://stackoverflow.com/a/30767277/670492

[xaviergonz]

and you can use this in your tinymce 4 init script so your images are really saved as base64 (even pasted ones)

    paste_data_images: true,
    images_upload_handler: function (blobInfo, success, failure) {
      // no upload, just return the blobInfo.blob() as base64 data
      success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64());
    }

PS: with this code you don't need to change mceInsertContent, it will work

[lianglee]

@xaviergonz , can you send pull request? or send us complete file with changes, we shall update it.

Thanks

[xaviergonz]

How would I? The code needs to be added to the tinymce.init() function, not to your plugin itself.

[lianglee]

@xaviergonz ok thanks 👍

[xaviergonz]

I did create a pull request based on the code I use, but it is quite a big pull request :)
It does work in tinymce 4 latest version (tested), however I did not test it with v3.

[zkozma]

Thx xaviergonz! The images_upload_handler is working!

[syedzahed]

@xaviergonz Thanks