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

بارگزاری عکس در ckeditor

وقت بخیر کسی هست که از طریق خود ckeditor ورژن ۴ یا ۵ عکس ارسال کرده باشه؟ امکانش هست فایل به اشتراک بزاره و یا مراحل کار توضیح بده؟ منظورم بصورت مستقیم از خود ckeditor هست نه با استفاده از dropzone و ...


ثبت پرسش جدید
اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 5 سال پیش آپدیت شد
2

سلام. برای انتخاب و بارگزاری عکس متونی از کد زیر استفاده کنی.

سمت کاربر :

<template>  
<ckeditor lan="fa" id="emailText" :editor="editor" [@ready](https://roocket.ir/@ready)\="onReady" v-model="emailText"  
:config="editorConfig"></ckeditor>  
</template>  
<script>  
import axios\_auth from "../../../axios\_auth";  
import swal from "sweetalert";  
import DecoupledEditor from '[@ckeditor](https://roocket.ir/@ckeditor)/ckeditor5-build-decoupled-document';  
export default {  
name: "MailSend",  
data() {  
return {  
editor: DecoupledEditor,  
editorConfig: {  
ckfinder: {  
// Open the file manager in the pop-up window.  
openerMethod: 'popup',  
uploadUrl: '[https://mysite/api/v1/image/ckUpload?command=QuickUpload&type=Files&responseType=json](https://mysite/api/v1/image/ckUpload?command=QuickUpload&type=Files&responseType=json)',  
options: {  
resourceType: 'Images'  
}  
},  
}  
}  
},  
methods: {  
onReady(editor) {  
// Insert the toolbar before the editable area.  
editor.ui.getEditableElement().parentElement.insertBefore(  
editor.ui.view.toolbar.element,  
editor.ui.getEditableElement()  
);  
}  
}  
</script>

سمت سرور :

/\*\*

*   [@param](https://roocket.ir/@param) Request $request
*   [@return](https://roocket.ir/@return) string
*   [@throws](https://roocket.ir/@throws) ValidationException  
    \*/  
    public function ckUpload(Request $request)  
    {  
    $this->validate($request, \[  
    'upload' => \['required', 'image'\]  
    \]);
try {
    $file = $request->upload;
    $path = str_replace('local/public/', '', public_path('/img/ckeditor'));
    $name = round(microtime(true) * 1000) . '-' . rand(100000, 999999) . '.';
    //Display File Mime Type
    $fileMimeType = $file->getMimeType();
    $name = $name . str_after($fileMimeType, '/');

    $file->move(($path), $name);

    return  response()->json(['fileName'=>$name,'uploaded'=>1,'url'=>'https://mySite/img/ckeditor/' . $name],200);        } catch (Exception $exception) {
   return httpStatusCode::status500();
}
```

}

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

@ashkannazari248
لطفا کدهاتون رو در بین دو ``` یا همون دو backtike قرار بدید . شما دیگه برنامه نویسید باید رعایت کنید دیگه !


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

@hesammousavi
تازه عضو سایت شدم.ببخشید


امیر
تخصص : توسعه دهنده لاراول - فلاتر
@amirali 5 سال پیش مطرح شد
1

@ashkannazari248
ممنون متشکر از پاسختون بصورت مستقیم داخل laravel استفاده کردین؟ الان این کد اگه اشتباه نکنم داخل vue هست


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 5 سال پیش مطرح شد
1

laravel از vue پشتیبانی میکنه


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

@ashkannazari248
منظورم بدون استفاده از ویو بود بصورت مستقیم


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

@amiralikh خوب همون عملکرد هارو به PHP و به فایل های Blade انتقال بدید و مشکل حل میشه


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

ممنون متشکر @ali.bayat


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 5 سال پیش مطرح شد
2

برای استفاده مستقیم از این پکیج میتونید استفاده کنید
https://github.com/ckfinder/ckfinder-laravel-package


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

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