TinyMCE Image Embed Problem Solved

User's avatar
Mohamad J. S.
01:55 Apr 21, 2015
Hi,
im facing a problem where image does not appear in tinymce editor after i select the image from popup. Im using TinyMCE Image Embed Plugin.
OS: Ubuntu
Browser: Chrome Version 42.0.2311.90 (64-bit) and Firefox 37.0.1
Below is my tinymce initialization:
<script type="text/javascript">
tinymce.init({
    selector: "textarea.mceEditor",
    fontsize_formats: "4px 5px 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 26px 36pt",
    theme: "modern",
    plugins: [
        "advlist autolink lists link doksoft_image_embed charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
    ],
    toolbar1: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link",
    toolbar2: "print preview | forecolor backcolor emoticons | fontselect | fontsizeselect | doksoft_image_embed",
    statusbar : false,
    height: "250"
});.

 tinymce.png   16.9 KB
 tinymce1.png   175 KB
Support team avatar
JS+
12:02 Apr 21, 2015
Hello,

Such a strange issue... I have very similar environment (Ubuntu + KDE + Chrome) but have no such problem. Do you have the problems with only this configuration or maybe with the specific PNG file?

In any case please give me a link to your installation I can try to test it myself using different browsers and OSs.
User's avatar
Mohamad J. S.
02:19 Apr 22, 2015
Hi there,
We are using tinyMCE v 4.1.7 and bootstrap theme. At the moment I'm still developing the application on my localhost, so no chance to test it from outside.
Im only facing this problem when using above configuration. Its working fine when im using below configuration:
tinymce.init({
    selector: "textarea.mceEditor",
    theme: "modern",
    plugins: [
        "doksoft_image_embed"
    ],
    toolbar1: "doksoft_image_embed",
    statusbar : false,
    height: "250"
});

Thanks.
 tinymce_working1.png   5.38 KB
 tinymce_working2.png   174 KB
 tinymce_working3.png   6.13 KB
User's avatar
Mohamad J. S.
02:41 Apr 22, 2015
Hi,
I managed to solve this issue by removing "paste" plugin in configuration. Can you explain what the cause of this issue?
Because i might need "paste" plugin.

My current configuration is :
<script type="text/javascript">
tinymce.init({
    selector: "textarea.mceEditor",
    fontsize_formats: "4px 5px 6px 7px 8px 9px 10px 11px 12px 13px 14px 15px 26px 36pt",
    theme: "modern",
    plugins: [
        "advlist autolink lists link doksoft_image_embed charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template textcolor colorpicker textpattern"
    ],
    toolbar1: "insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link",
    toolbar2: "print preview | forecolor backcolor emoticons | fontselect | fontsizeselect | doksoft_image_embed",
    statusbar : false,
    height: "250"
});
</script>
Support team avatar
JS+
17:08 Apr 24, 2015
Hello,
I config that Paste plugin breaks inserting images in my Ubuntu+Chrome too. I have investigated this issue and finally have found the solution. Please add this parameter to your initialization script:
paste_data_images:  true,
It will solve your problem with Paste plugin.
User's avatar
Mohamad J. S.
07:47 Apr 28, 2015
Hi,
Great! now my tinyMce working fine.
Thanks for your help. Appreciated it.