@ebl-vue/editor-full 2.31.22 → 2.31.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebl-vue/editor-full",
-  "version": "2.31.22",
+  "version": "2.31.24",
   "type": "module",
   "author": "lrj525@sina.com",
   "description": "结构化编辑器",

package/src/components/Editor/EditorRender.vue

@@ -50,7 +50,7 @@ interface Props {
   data: OutputData,
   locale: any,
   showOutline?: boolean,
-  scrollWrap:string
+
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -59,7 +59,7 @@ const props = withDefaults(defineProps<Props>(), {
   }),
   locale: {},
   showOutline: false,
-  scrollWrap:''
+
 });
 let editorData=toRaw(props.data);
 let editorIsReady = false;
@@ -161,7 +161,7 @@ onMounted(() => {
         tunes: tunes.concat(['imageResize']),
         config: {
           types: ".png,.jpeg,.jpg,.gif,.webp",
-          userStore: props.userStore,
+          
           endpoints: {
             byFile: '',
             
@@ -202,7 +202,7 @@ onMounted(() => {
       }
       //文档大纲
       if(props.showOutline){
-        outline = new Outline("holder",props.scrollWrap,editor!);
+        outline = new Outline("holder",editor!);
         outline.render(editorData);
       }
 

package/src/plugins/outline/index.css

@@ -1,6 +1,9 @@
 .ebl-outline{
+  background-color: #fff;
+  box-sizing: border-box;
   position:fixed;
-  top:0;
+  top:var(--header-height,84px);
+
   right:0;
   padding: 15px 12px;
   width:280px;
@@ -10,7 +13,7 @@
   color: #606266;
   font-size: 14px;
   padding-bottom: 50px;
-  height: calc(100vh - var(--header-height));
+  max-height: calc(100vh - var(--header-height,84px));
 }
 .ebl-outline:hover{
   overflow: auto;

package/src/plugins/outline/index.ts

@@ -8,15 +8,15 @@ import { OutputData } from '@ebl-vue/editorjs';
 export default class Outline{
   private editor: EditorJS;
   private holder: HTMLElement;
-  private scrollWrap: HTMLElement;
+  
   /**
    * 初始化插件
    * @param {EditorJS} editor - 编辑器实例
    */
-  constructor(holderId: string,scrollWrap:string,editor: EditorJS) {
+  constructor(holderId: string,editor: EditorJS) {
     this.editor = editor;
     this.holder = document.getElementById(holderId) as HTMLElement;
-    this.scrollWrap = (document.getElementById(scrollWrap) ||document.getElementsByTagName(scrollWrap)[0] || document.querySelector(scrollWrap)) as HTMLElement;
+    
   }
 
   public render(data: OutputData) {
@@ -26,7 +26,6 @@ export default class Outline{
     this.holder.classList.add("outline");
   }
 
-
   private createUI(data: OutputData): HTMLElement {
     
     const ui = document.createElement('div');
@@ -51,13 +50,7 @@ export default class Outline{
           const block = document.querySelector<HTMLElement>('.codex-editor .ce-block[data-id="' + blockData.id + '"]');
           if (block) {
             const top = block.offsetTop;
-    
-            if (!this.scrollWrap) {
-              document.querySelector<HTMLElement>('.codex-editor')?.scrollTo(0, top);
-            } else {
-              window.scrollTo(0,top)
-              //this.scrollWrap.scrollTo(0, top);
-            }
+            window.scrollTo(0, top);             
           }
           
         });

package/src/style.css

@@ -21,11 +21,7 @@
   padding-right: 280px;
 }
 .ebl-editor.outline .codex-editor{flex:1;}
-/* .ebl-editor .outline-holder{
-  width: 200px;
-  border-right: 1px solid var(--color-border);
-  overflow: auto;
-} */
+
 
 @media(max-width:1240px){
   .ebl-outline{
@@ -39,25 +35,14 @@
 @media(min-width:1240px){
   .ebl-editor.readonly .ce-block__content{
     max-width: 100%;
-    padding-left: 60px;
-    padding-right: 60px;
+    padding-left: 100px;
+    padding-right: 100px;
     
   }
  
 }
-/* .ce-block__content{
-  width: var(--content-width);
-} */
-/* @media (min-width: 1050px) {
-    .ce-block__content {
-        max-width: 700px;
-        
-    }
-    .ce-toolbar__content {
-      max-width: 700px;
-    }
-  
-} */
+
+
 
 .ce-toolbar,.ce-inline-toolbar{
   z-index: 1000;