نصب و راهندازی ویرایشگر CKEditor

اگر داری با لاراول کد میزنی بهت پیشنهاد میکنم از پکیج unisharp/laravel-filemanager استفاده کنی
یه مدیریت فایل کامله و کار باهاشم سادست
برای مدیریت عکساها سمت سرور هم پیشنهادم استفاده از پکیج spatie/laravel-medialibrary هستش
ترکیب این دوتا پکیج خیلی توی کد نویسی کمکت میکنه

@mohammadali7293
ممنون از پاسختون .
ولی مشکل من آپلود عکس و فایل سمت لاراول نیست .
مشکلم دقیقا راهندازی ادیتور با قابلیت درج عکس هست.
یعنی یه ویجت باشه که کاربر به راحتی با یه کلیک بتوان عکسی از داخل سیستم خودش انتخاب و آپلود کنه.

@Saeeed
منم کلی داستان داشتم سر این قضیه تا یه بنده خدایی منو با این دوتا پکیج آشنا کرد دقیقا مشکلی که داری مشکل حدودا 1 سال پیش منه یه نگاه به اینا بنداز بعدا دعام میکنی
مشکل آپلود عکس تو ادیتور با همون لینک اول حل میشه
لینک دوم برای استفاده از عکس تو همه جای سایته (یه جدول با رابطه polymorphy میسازه و فقط کافیه چند خط توی هر مدلی که میخوای عکس داشته باشه اضافه کنی از این پکیج تا درست بشه و دیگه دردسرهای storage و ... هم نداری بماند که میتونی باهاش عکستو optimize کنی، resize کنی و کارای دیگه)

@Saeeed
سلام
ادیتور زیر چیز خوب و قدرتمندیه همچی هم داره میتونید از لینک زیر ببینیدش
راه اندازیشم خیلی راحته و راحت میشه با ابزارهایی که میده مدیریت کرد همچیشو .
https://froala.com/wysiwyg-editor
یه سری کپی رایت و اینا داره راحت میشه با css مخفی کرد .

@mohammadali7293
ببینید ، بحث سر مدیریت فایل و آپلود عکس سمت سرور نیست.
من وقتی ckeditor رو نصب میکنم ، اصلا گزینه آپلود عکس از کامپیوتر( brows ) رو نداره .
یعنی کاربر اصلا نمیتونه عکس خودش رو داخل ادیتور بیاره .
اگر این دکمه یا گزینه وجود داشته باشه میتونم ، سمت لاراول آپلودش کنم.

@hesammousavi @ali.bayat @elyasbeshkani @milad @hossein.r.1442
دوستان ممنون میشم تجربه خودشون رو در مورد ادیتور به اشتراک بذارن

سلام یه نگاه به این سایت بنداز شاید مشکلت حل بشهckeditor

شما اول باید url ها رو تنظیم کنید به این صورت

CKEDITOR.replace('body', {
            filebrowserUploadUrl: '/admin/dashboard/upload-image',
            filebrowserImageUploadUrl: '/admin/dashboard/upload-image',
            language: 'fa'
        });

بعد هم تابع رو به این صورت تکمیل میکنی، البته من کدها رو کپی کردم

public function uploadImageSubject()
    {
        $this->validate(request(), [
            'upload' => 'required|mimes:jpeg,png,bmp,gif'
        ]);

        $year = Carbon::now()->year;
        $imagePath = "/upload/images/{$year}/";

        $file = request()->file('upload');
        $filename = $file->getClientOriginalName();

        if (file_exists(public_path($imagePath) . $filename)) {
            $filename = Carbon::now()->timestamp . $filename;
        }

        $file->move(public_path($imagePath), $filename);
        $url = $imagePath . $filename;

        echo "<script>window.parent.CKEDITOR.tools.callFunction(1, '{$url}', '')</script>";

    }

این کدی که من نوشتم فک کنم برای لاراول 5 هستش الان میتونی یه جاهایی رو اگه با لاراول 6 یا 7 کار میکنی تغییر بدی تا کدت کمتر بشه

کدی که آقای رضوی ارسال کردن به درستی برای آپلود قابل استفاده هستش اما شما میخوایین از قابلیت esay image استفاده کنید من باهاش خیلی سرو کله زدم تا بفهمم چرا کد بالا برای esay image استفاده نمیشه اما متاسفانه درست نشد اگه دوستان روش استفاده از esay image رو بگن ممنون میشم
توی این حالت esay image این مقدار زیر قبول نمیکنه نمیدونم چرا ؟

 echo "<script>window.parent.CKEDITOR.tools.callFunction(1, '{$url}', '')</script>";

@ghomi2018 @hossein.r.1442
ممنون از دوستان .
در کل جریان easy image چی هست ، فکر میکنم نیاز به خریداری عضویت داره داخل خود سایت ادیتور.
و ممنون میشم دوستانی که موفق به نصب این افزونه شدن ، مراحلش رو بگن.
من easy image رو با بیلدر خود سایت هم ، راهندازی کردم و تمام وابستگی ها اون هم نصب شده. اما بازهم ارور میده و اصلا ادیتور ، ساخته نمیشه

@ghomi2018 @hossein.r.1442
ممنون از دوستان .
در کل جریان easy image چی هست ، فکر میکنم نیاز به خریداری عضویت داره داخل خود سایت ادیتور.
و ممنون میشم دوستانی که موفق به نصب این افزونه شدن ، مراحلش رو بگن.
من easy image رو با بیلدر خود سایت هم ، راهندازی کردم و تمام وابستگی ها اون هم نصب شده. اما بازهم ارور میده و اصلا ادیتور ، ساخته نمیشه

توی این صفحه کامل توضیح داده
https://ckeditor.com/docs/ckeditor4/latest/examples/easyimage.html

easy image فک کنم باید از سرویس cloud service استفاده کنی که یه پلن رایگان هم داره اما بازم برای این پلاگین باید ماهیانه 17 دلار پرداخت کنی

دوستان ویجتی سراغ ندارید که با یک کلیک brows کنه . مثل easy image .
بنظرم همونجور آقای رضوی گفتن ، سرویس easy image رایگان نیست و فکر میکنم از سرویس ابری استفاده میکنه

@Saeeed
سلام دوست عزیز
شما علاوه بر easy image می تونید از ckfinder هم استفاده کنید.
استفاده ازش فوق العاده راحته و مستندات کاملی هم داره و شما می تونید به راحتی اون رو در لاراول نصب کنید.

@ghomi2018
آقای قاسمی من در مورد نحوه پاسخ به esay image سرچ کردم وجواب گرفتم
باید پاسخ از طرف لاراول اینجور باشه:

return response()->json([ 'fileName' => 'your file name put here', 'uploaded' => false, 'url' => $url, ]);

برای اطلاعات بیشتر به این آدرس رجوع کنید:

https://stackoverflow.com/questions/51892652/upload-image-to-ckeditor-in-laravel-incorrect-server-response

متاسفانه این حالتی که شما به نتیجه رسیدین واسه esay image نیست.
esay image در چک ادیتور به این شکل که وقتی شما روی آیکن عکس انتخاب کردین شمارو مستقیم وارد فایل هاتون کنه برای انتخاب عکس و آدرس عکس به صورت کد شده بر میگردونه

@ghomi2018
نه اتفاقا . من دقیقا برای easy image استفاده کردم و جواب هم گرفتم ، یعنی داخل متن تکست ایریا تک img قرار میگیره با آدرس صحیح.

اگه امکانش هست توی واتساپ برام بفرست یه عکس از صفحه چون من تمام این روش هارو امتحان کردم در نهایت نمیشد در حالت easy image ازش استفاده کرد
09360786272