اضافه کردن تگ img به ckeditor - شخصی سازی سیستم آپلود عکس

@mohsenbostan @ali.bayat @MehdiAghighi @hesammousavi @mhyeganeh @milad @endworld و سایر دوستان ...

سلام دوستان من برای انجام آپلود عکس در ادیتور ckeditor. تصمیم گرفتم به صورت شخصی سازی عمل کنم. و در ادامه توضیح میدم که تا الان چکار کردم و با چه مشکلی رو به رو هستم.
البته یه نکته هم هست که باید بگم من اصلا نمیخوام از فایل منیجر استفاده کنم چون که قراره محتوا توسط کاربران اراِئه و تولید بشه .
و در واقع نیاز هست ، کاربر به آسانی بتواند عکس آپلود کند .
در مرحله اول سعی کردم که دکمه انتخاب عکس رو انتخاب کرده و onclick آنرا تغییر بدم . وقتی بگم onclick آن ، یک تابع هست که خودم نوشتم ، راحت میتوان با اون تابع ، هر کاری کنم.
لذا وقتی اینترفیس ck آماده شده ، صفت noclick ، المان انتخاب عکس رو تغییر دادم .
در ckeditor ، المانی که مربوط به انتخاب عکس میشه ، ایدی cke77 رو داره .

CKEDITOR.on("instanceReady", function(event)
        {
            $('#cke_77').attr('onclick','myFunc(this)');
        });

در فانکشن ، یک اینپوت فایل که مخفی هم هست ، ساختم و بلافاصله آنرا کلیک میکنم تا کاربر عکس مورد نظر را انتخاب کند :

  function myFunc(e){
            console.log(e);
            var file =
                "<input type='file' name='file' id='file0' hidden >";
            $('#cke_77').after(file);
            $("#file0").trigger('click');
        }

سپس فایل را که کاربر انتخاب کرده را در server خودم آپلود کردم و url آنرا برگردادنم که بتوانم در ادیتور نمایش بدم:

$('#file0').change(function (){
                var url  = sendFile($('#file0')[0].files[0]);
            });

الان url عکس آپلود شده رو دارم ، و الان مشکل من نمایش آن در خود ادیتور هست .
ظاهرا ادیتور از iframe استفاده میکند .
در واقع من body داخل این iframe رو انتخاب کردم و یک تگ img با src مشخص ، به آن append میکنم .
اما متاسفانه این تگ img به صورت متن قرار میگیرد نه یک المان . :

var img = `<img src='${url}' alt='alt' >`;
                $("body[class='cke_editable']").append(img);

ممنون میشم اگر دوستان کلا در مورد این داستان نظر یا پیشنهادی دارن ، انتقال بدن . به امید خدا اگر موفق بشم ، شخصی سازی کنم ، سورس رو در اختیار دوستان قرار میدم تا براحتی بتوانند ، عکس یا فایل آپلود کنم.
البته یه نکته هم هست که باید بگم من اصلا نمیخوام از فایل منیجر استفاده کنم چون که قراره محتوا توسط کاربران اراِئه و تولید بشه .
و در واقع نیاز هست ، کاربر به آسانی بتواند عکس آپلود کند .