TextNode | Correct merge of PlainEdit and image upload.

vue_frontend/src/components/TextNode.vue

@@ -33,7 +33,8 @@
 <script>
 import axios from 'axios'
 
-import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
+//import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
+import ClassicEditor from 'ckeditor5-build-classic-simple-upload-adapter-image-resize';
 import CKEditor from '@ckeditor/ckeditor5-vue';
 
 export default {
@@ -43,9 +44,18 @@ export default {
 		editor: ClassicEditor,
 		editorData: '<p>Content of the editor.</p>',
 		editorConfig: {
+			extraPlugins: ['SimpleUploadAdapter'],
+			simpleUpload: {
+				uploadUrl: "/temp/image_upload/",
+				headers: {
+					"test":"testh"
+				},
+				withCredentials: true
+			}
 			// The configuration of the editor.
 		},
 		editorShow: false,
+		plainEditShow: false,
 		editorComponent: CKEditor.component,
 		currentText: "",// this.item.node.text.na_web,
 		originalText: "",// this.item.node.text.na_web,
@@ -57,31 +67,56 @@ export default {
 			return {
 				changed: this.currentText !== this.originalText,
 				}
+			},
+		textId: function () {
+			console.log(this.create);
+			console.log(this.node.text.id);
+			if (this.create){
+				return null;
+			}
+			return this.node.text.id;
+
 		}
 	},
 	props: {
 		item: Object,
 		editorShow: Boolean,
-		plainEditShow: Boolean,
 		create: Boolean,
 		where: String,
 		refnode: Object
 	},
 	mounted: function() {
 		//console.log("mounted");
+		this.editorConfig.simpleUpload.headers['X-CSRFToken'] = this.getCookie('csrftoken');
 		if (this.create){
 			this.currentText = "";
 			this.originalText = "";
 			this.editorShow = true;
-			this.plainEditShow = false;
 		} else {
 			this.currentText = this.item.node.text.na_web;
 			this.originalText = this.item.node.text.na_web;
+			this.editorConfig.simpleUpload.headers.textId = this.item.node.text.id;
 
 		}
 		//this.getText();
 	},
 	methods: {
+		getCookie: function (name){
+			var cookieValue = null;
+			if (document.cookie && document.cookie != '') {
+				var cookies = document.cookie.split(';');
+				for (var i = 0; i < cookies.length; i++) {
+					var cookie = cookies[i].trim();
+					// Does this cookie string begin with the name we want?
+
+					if (cookie.substring(0, name.length + 1) == (name + '=')) {
+						cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+						break;
+					}
+				}
+			}
+			return cookieValue;
+		},
 		getText: function() {
 			this.loading = true;
 			console.log(this.item);