سلام. برای انتخاب و بارگزاری عکس متونی از کد زیر استفاده کنی.
سمت کاربر :
<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();
}
```
}
@ashkannazari248
لطفا کدهاتون رو در بین دو ``` یا همون دو backtike قرار بدید . شما دیگه برنامه نویسید باید رعایت کنید دیگه !
@ashkannazari248
ممنون متشکر از پاسختون بصورت مستقیم داخل laravel استفاده کردین؟ الان این کد اگه اشتباه نکنم داخل vue هست
برای استفاده مستقیم از این پکیج میتونید استفاده کنید
https://github.com/ckfinder/ckfinder-laravel-package
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟