While working on my Vue project, I successfully integrated CKEditor with CKFinder. However, when I click on the CKFinder image uploader, it redirects me to
I would like to set up a local image upload folder in Vue where I can find or upload images. Below is a snippet of my code:
<template>
<ckeditor :editor="notesEditor" v-model="form.internal_notes" :config="notesEditorConfig" :class="" @ready="onReady"></ckeditor>
</template>
<script>
bodyEditor: DecoupledEditor,
bodyEditorConfig: {
toolbar: [
'imageupload', 'ckfinder', '|', 'heading', '|', 'fontFamily', 'fontSize', '|', 'bold',
'italic',
'blockQuote', 'imageStyle:full', 'link',
'alignment', 'numberedList', 'bulletedList', 'insertTable',
'mergeTableCells', 'undo', 'redo'
],
ckfinder: {
uploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files&responseType=json',
filebrowserBrowseUrl: '/ckfinder/browser',
filebrowserImageBrowseUrl: '/ckfinder/browser?type=Images',
filebrowserUploadUrl: '/ckfinder/connector?command=QuickUpload&type=Files',
filebrowserImageUploadUrl: '/ckfinder/connector?command=QuickUpload&type=Images'
}
},
notesEditor: DecoupledEditor,
notesEditorConfig: {
toolbar: ['bold', 'italic', '|', 'link']
}
</script>
How and where should I specify the local path for image uploads?