یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
اشکان نظری
6 سال پیش توسط اشکان نظری مطرح شد
2 پاسخ

کار با ckfinder در ckeditor

سلام من میخوام با ckfinder توی ckeditor5 فایل(از فایل های درون سرور) انتخاب کنم و بیارمش توی ادیتور. به محض اینکه روی ckfinder کلیک میکنم این خطا رو لاگ میکنه
TypeError: window.CKFinder is undefined

کدم به صورت زیر هست

<template>

       <ckeditor lan="fa" id="emailText" :editor="editor" @ready="onReady" v-model="emailText"
        :config="editorConfig"></ckeditor>              

</template>

<script>

    import axios_auth from "../../../axios_auth";
    import swal from "sweetalert";
    import DecoupledEditor from '@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',

                        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 Request $request
     * @return string
     * @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();
        }
    }

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

به مستندات زیر مراجعه کنید:
https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html

در مورد تلفیق ویو با این ادیتور هست.. ببینید آیا مراحل رو درست اجرا کردید؟


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

@ali.bayat
اینا قبلا خوندم. چیزی جز کد های من نگفته


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

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