feat: adicionada configuração para o tamanho da altura inicial do editor

marcelinombb · Nov 25, 2024 · 20395f9 · 20395f9
1 parent c975c03
commit 20395f9
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/src/ExitusEditor.ts b/src/ExitusEditor.ts
@@ -4,6 +4,7 @@ import { createHTMLElement } from '@editor/utils'
 import { type AnyExtension, Editor, type EditorOptions } from '@tiptap/core'
 interface Config {
   [key: string]: any
+  initialHeight?: number
 }
 
 export interface ExitusEditorOptions extends EditorOptions {
@@ -38,6 +39,7 @@ class ExitusEditor extends Editor {
   static plugins: PluginClassConstructor[]
   static toolbarOrder: string[]
   private container: Element
+  private config?: Config
 
   constructor(options: Partial<ExitusEditorOptions>) {
     if (!options.container) {
@@ -47,6 +49,8 @@ class ExitusEditor extends Editor {
     const extensions = loadPluginsRequirements()
 
     super({ ...options, extensions })
+
+    this.config = options.config
     this.editorInstance = generateUUID()
 
     const toolbarOrder: string[] = [...ExitusEditor.toolbarOrder, ...(options.toolbarOrder ?? [])]
@@ -83,7 +87,11 @@ class ExitusEditor extends Editor {
     editorMain.setAttribute('id', generateUUID())
     this.editorMainDiv = editorMain as HTMLDivElement
 
-    const editorScroller = createHTMLElement('div', { class: 'editor-scroller' }, [editorMain])
+    const initialHeight = this.config && this.config?.initialHeight
+
+    const editorScroller = createHTMLElement('div', { class: 'editor-scroller', style: initialHeight ? `height: ${initialHeight}px` : '' }, [
+      editorMain
+    ])
 
     const editorShell = createHTMLElement('div', { class: 'editor-shell' }, [toolbarEditor, editorScroller])
 

diff --git a/src/extensions/katex/katex.ts b/src/extensions/katex/katex.ts
@@ -1,6 +1,4 @@
-//@ts-nocheck
 import { Node } from '@tiptap/core'
-// eslint-disable-next-line import-helpers/order-imports
 import { Fragment } from '@tiptap/pm/model'
 import '../../../node_modules/katex/dist/katex.min.css'
 

diff --git a/src/public/index.html b/src/public/index.html
@@ -79,7 +79,8 @@
             proxyUrl: "https://us-central1-desenvolvimento-271520.cloudfunctions.net/imagem-conversao-base64/proxy",
             inline: true,
             allowBase64: true,
-          }
+          },
+          initialHeight: 400
         }
       })
 

diff --git a/src/public/style.css b/src/public/style.css
@@ -330,7 +330,7 @@ p {
 
 .editor-main {
   position: relative;
-  min-height: 200px;
+  min-height: 100%;
   width: 24.8cm;
   background: #fff;
   border-color: var(--border-gray);