سعید
5 سال پیش توسط سعید مطرح شد
24 پاسخ

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

با عرض سلام خسته نباشید خدمت همه دوستان.
دوستان ، من در راهندازی ویرایشگر CKEditor مشکلی ندرم ، اما نحوه فعال کردن ویژگی (آپلود عکس ) رو نمیدونم .
یه افزونه خودش داره بنام esay image اما در راهندازی این افزونه مشکل دارم در حالی که تمام وابستگی هاش رو نصب کردم .
ممنون میشم دوستان راهنمایی کنن ، کارمون خیلی گیره.


ثبت پرسش جدید
سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

@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


محمدعلی راشدی
تخصص : برنامه نویس Front-end
@mohammadali7293 5 سال پیش آپدیت شد
1

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


محمدعلی راشدی
تخصص : برنامه نویس Front-end
@mohammadali7293 5 سال پیش مطرح شد
0

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


علی فرمانی
تخصص : فرانت اند
@farmani 5 سال پیش آپدیت شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


محمد
تخصص : html ,css , php
@mo.hoseiin99 5 سال پیش مطرح شد
0

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


سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 5 سال پیش مطرح شد
1

شما اول باید 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>";

    }

سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 5 سال پیش مطرح شد
0

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


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش آپدیت شد
1

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

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

سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش مطرح شد
سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 5 سال پیش مطرح شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


Soh3illl
تخصص : برنامه نویس php
@soh3illl 5 سال پیش مطرح شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

@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


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش مطرح شد
0

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


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

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


محمدرضا قمی اویلی
تخصص : لاراول
@ghomi 5 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام