@ebl-vue/editor-full 2.31.23 → 2.31.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebl-vue/editor-full",
-  "version": "2.31.23",
+  "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;
@@ -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);             
           }
           
         });