TreeNode editor | plain edit nefunkční

vue_frontend/src/components/TextNode.vue

@@ -5,17 +5,19 @@
 	<div v-else class="textnode">
 		<!--pre>TextNode {{item}} {{typeof(item)}}</pre-->
 		<div v-if="editorShow">
-			<component v-bind:is="editorComponent" :editor="editor" v-model="currentText" :config="editorConfig"></component>
 
-			<button v-on:click="plainEditShow=!plainEditShow">Editovat HTML</button>
 			<div v-if="plainEditShow">
 				<textarea id="textarea" v-model="currentText" rows="8" cols="50"></textarea>
 			</div>
 
+			<div v-else>
+				<component v-bind:is="editorComponent" :editor="editor" v-model="currentText" :config="editorConfig"></component>
+			<div>
+
+			<button v-on:click="plainEditShow=!plainEditShow">Editovat HTML</button>
 			<button v-on:click="saveText">Uložit</button>
 			<button v-on:click="currentText = originalText;editorShow=!editorShow;">Zahodit úpravy</button>
 			
-			
 		</div>
 
 		<div v-else v-bind:class="changedObject">
@@ -28,8 +30,7 @@
 <script>
 import axios from 'axios'
 
-//import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
-import ClassicEditor from 'ckeditor5-build-classic-simple-upload-adapter-image-resize';
+import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
 import CKEditor from '@ckeditor/ckeditor5-vue';
 
 export default {
@@ -39,14 +40,6 @@ 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,
@@ -61,16 +54,7 @@ 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,
@@ -82,7 +66,6 @@ export default {
 	},
 	mounted: function() {
 		//console.log("mounted");
-		this.editorConfig.simpleUpload.headers['X-CSRFToken'] = this.getCookie('csrftoken');
 		if (this.create){
 			this.currentText = "";
 			this.originalText = "";
@@ -91,28 +74,11 @@ export default {
 		} 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);