@ebl-vue/editor-full 1.0.13 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebl-vue/editor-full",
-  "version": "1.0.13",
+  "version": "1.1.2",
   "type": "module",
   "author": "lrj525@sina.com",
   "description": "结构化编辑器",
@@ -39,7 +39,6 @@
     "url": "ssh://git@git.jianguodata.com:9082/lirujin/ebl-vue.git"
   },
   "dependencies": {
-    "@codexteam/ajax": "^4.2.0",
     "@editorjs/caret": "^1.0.3",
     "@editorjs/dom": "^1.0.1",
     "axios": "^1.13.2",

package/src/components/Editor/Editor.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="ebl-editor" id="holder">
-    <div class="ce-block__content ebl-editor-title-wrap">
+    <!-- <div class="ce-block__content ebl-editor-title-wrap">
       <input type="text" v-model="title" placeholder="请输入标题" class="ebl-editor-title-input"></input>
-    </div>
-    <div class="ce-block__content ebl-editor-time-wrap">
+    </div> -->
+    <!-- <div class="ce-block__content ebl-editor-time-wrap">
       <span class="ebl-editor-time">最后修改时间：{{ lastUpdateTime }}</span>
-    </div>
-     <button @click="save">保存</button> 
+    </div> -->
+     <button @click="validate">保存</button> 
 
   </div>
 </template>
@@ -42,9 +42,7 @@ import Underline from "../../plugins/underline";
 import InlineCode from "../../plugins/inline-code";
 import Table from '../../plugins/table';
 import ImageTool from "../../plugins/imageTool";
-import Uploader from '@/plugins/imageTool/uploader';
-
-
+import {ImageToolTune } from "../../plugins/imageResizeCrop";
 
 const EblEditorSettings: IEblEditorSettings | undefined = inject("EblEditorSettings");
 
@@ -60,17 +58,14 @@ let emits = defineEmits(["onReady", "onChange"]);
 interface Props {
   readOnly: boolean,
   placeholder: string,
-  title: string,
-  lastUpdateTime: string,
   data: OutputData,
-  locale:any
+  locale: any,
+  userStore:any
 }
 
 const props = withDefaults(defineProps<Props>(), {
   readOnly: false,
   placeholder: "Enter something",
-  title: "",
-  lastUpdateTime: "",
   data: ()=>({
     blocks: []
   }),
@@ -78,8 +73,9 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 
-const title = ref(props.title);
+
 let editor: EditorJS | null = null;
+const tunes = ['indent', 'blockAlignment'];
 onMounted(() => {
   const editorData=toRaw(props.data);
   editor = new EditorJS({
@@ -87,7 +83,7 @@ onMounted(() => {
     autofocus: true,
     defaultBlock: 'paragraph',
     placeholder: props.placeholder,
-    tunes: ['indent', 'blockAlignment'],
+    tunes: tunes,
     tools: {
       inlineCode: InlineCode,
       underline: Underline,
@@ -167,7 +163,10 @@ onMounted(() => {
       image: {
         class: ImageTool,
         inlineToolbar: true,
+        tunes: tunes.concat(['imageResize']),
         config: {
+          types:".png,.jpeg,.jpg,.gif,.webp",
+          userStore: props.userStore,
           endpoints: {
             byFile: EblEditorSettings?.fileUploadEndpoint,
             byUrl: EblEditorSettings?.urlUploadEndpoint
@@ -182,6 +181,14 @@ onMounted(() => {
           
         }
       },
+      imageResize: {
+        class: ImageToolTune ,
+        config: {
+          resize: true,
+          crop: false
+        }
+      },
+
 
 
     },
@@ -217,17 +224,38 @@ onUnmounted(() => {
   }
 });
 
+/**
+ * 验证是否为空 */
+function validate() {
+  return new Promise((resolve, reject) => {
+    if (editor !== null) {
+      editor.save().then((outputData: OutputData) => {
+        if (outputData.blocks.length > 0) {
+          return resolve(true);
 
-function save() {
-  console.log("save");
-  if (editor !== null) {
-    editor.save().then((outputData: OutputData) => {
-      console.log('Article data saved in outputData', JSON.stringify(outputData));
-    }).catch(error => {
-      console.log('Saving failed: ', error);
-    });
-  }
+        }
+        return resolve(false);
+      });
+    } else {
+      return resolve(false);
+    }
+  });
+}
+function getData() {
+  return new Promise((resolve, reject) => {
+    if (editor !== null) {
+      editor.save().then((outputData: OutputData) => {
+        return resolve(outputData);
+      });
+    } else {
+      return resolve(null);
+    }
+  });
 }
 
+defineExpose({
+  validate,
+  getData,
+});
 </script>
 <style scoped></style>

package/src/index.ts

@@ -4,9 +4,15 @@ import './style.css'
 import { createInstaller } from './installer'
 import Components from './components';
 import zhCn from './i18n/zh-cn';
+import type { OutputData } from '@ebl-vue/editorjs';
+import Editor from './components/Editor/Editor.vue';
 const installer = createInstaller(Components)
 export const install = installer.install
 export const version = installer.version
 export default installer;
-export * from "./components";
-export { zhCn };
+
+export {
+  zhCn,
+  Editor as EblEditor
+};
+export type { OutputData };