first commit

2024-09-19 16:06:49 +05:00
commit b686638a39
1664 changed files with 428174 additions and 0 deletions
@@ -0,0 +1,87 @@
+<script>
+// import EditorJS from "@editorjs/editorjs";
+// import Header from "@editorjs/header";
+// import List from "@editorjs/list";
+// import AttachesTool from "@editorjs/attaches";
+// import ImageTool from "@editorjs/image";
+import {data} from "autoprefixer";
+
+export default {
+	name: "AdminFormEditorJs",
+	data() {
+		return {
+			editor: null,
+			content: null,
+		}
+	},
+	methods: {
+		saveEditor() {
+			this.editor.save().then((outputData) => {
+				this.content = outputData
+				this.$emit('get-content', this.content);
+			}).catch((error) => {
+				console.log('Saving failed: ', error)
+			});
+		},
+
+	},
+	mounted() {
+		this.editor = new EditorJS({
+			holder: this.$refs.editor,
+			minHeight: 150,
+			data: this.contentData,
+			placeholder: "Заполните контентом",
+			tools: {
+				header: {
+					class: Header,
+					inlineToolbar: ['link'],
+				},
+				list: {
+					class: List,
+					inlineToolbar: ['link', 'bold'],
+				},
+				attaches: {
+					class: AttachesTool,
+					config: {
+						endpoint: '/upload-file'
+					}
+				},
+				image: {
+					class: ImageTool,
+					config: {
+						endpoints: {
+							byFile: '/upload-image', // Your backend file uploader endpoint
+						}
+					}
+				},
+			},
+			onChange: () => {
+				this.saveEditor()
+			}
+		});
+	},
+
+	props: [
+		'error',
+		'contentData'
+	]
+}
+</script>
+
+<template>
+	<div class="mb-4">
+		<div class="sm:col-span-2">
+			<div :class="{'border-red-600 dark:border-red-500 transition-colors duration-500': error}"
+				 class="block p-2.5 w-full text-sm text-gray-900 rounded-lg border border-gray-300 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500">
+				<div class="sm:col-span-12">
+					<div class="" ref="editor"></div>
+				</div>
+			</div>
+			<p v-if="error" id="outlined_error_help" class="mt-2 text-xs text-red-600 dark:text-red-400">{{ error }}</p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+
+</style>